잠시만 기다려 주세요

HOME   |  여기는?   |  바다물때표   |  여러가지 팁 (888)  |  추천 및 재미 (154)  |  자료실 (20)  |  끄적거림 (520)  |  시나리오 (760)  |  드라마 대본 (248)  |  

2020년 10월 01일
말보다 생각하는 습관에 익숙해 지도록 하자. - 바다아이
 




    javascript/jquery

javascript/jquery - 자바스크립트 javascript innerHTML, innerTEXT 사용 할 때 주의할 점...
이 름 : 바다아이   |   조회수 : 2410         짧은 주소 : https://www.bada-ie.com/su/?601591779836
innerHTML 사용할때 주의 하실 것이 있습니다.
id 레이어보다 <script></script> 가 위에 있고 
getElementById 으로 id 를 끌어올 때
그 안에 바로 innerHTML 을 쓴다면 id 를 null 로 인식합니다.

반드시 id 레이어가 오고 그 다음에 스크립트가 나와야 합니다. 페이지가 다 로딩 되어야 id 를 인식을 하죠...
만약 이걸 피하고 싶다면 function 으로 만들어서 사용 하시면 됩니다.
html 이 다 해석되고 id 레이어가 있다고 인식이 되어야 null 값으로 인식을 하지 않습니다.


문제의 코드 (null 이 와서 제대로 작동이 안됩니다.)


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script  LANGUAGE="Javascript">
var kk = document.getElementById("idman");
kk.innerHTML = "<font color='red'>ddd</font>";
</script>

<div id="idman"></div>


제대로 작동이 됩니다. 


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<div id="idman"></div> 

<script LANGUAGE="Javascript"> 
var kk = document.getElementById("idman"); 
kk.innerHTML = "<font color='red'>ddd</font>"; 
</script>


피하려면 function 으로 만들어서 아래처럼 하시면 됩니다.


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script  LANGUAGE="Javascript">
function aa() {
	var kk = document.getElementById("idman");
	kk.innerHTML = "<font color='red'>ddd</font>";
}
</script>

<input type="button" value="눌러" onclick="aa();">
<div id="idman"></div>


p.s
혹시 고생하시는 분들 있을까 해서 올려 놓습니다.
무의식적으로 차이를 이해하지 못하고 엄한 곳에서 문제를 찾을 때가 있습니다.


| |


      1 page / 3 page
번 호 카테고리 제 목 이름 조회수
74 javascript/jquery javascript , ... 바다아이 298
73 javascript/jquery , cookie class 바다아이 844
72 javascript/jquery select 3 바다아이 1261
71 javascript/jquery , ... 바다아이 1776
70 javascript/jquery , timezone, , ... moment.js 바다아이 1900
69 javascript/jquery textarea cursor . focus, cursor ... 바다아이 1825
68 javascript/jquery (block) , ... 바다아이 1768
67 javascript/jquery textarea cursor , , focus 바다아이 2372
66 javascript/jquery jquery ajax option .... 바다아이 1983
65 javascript/jquery jquery open api , ajax JSONP cross domain , , error 0 ... sop 바다아이 2045
64 javascript/jquery javascript , , , , () 바다아이 2138
63 javascript/jquery javascript (date ) 바다아이 2228
62 javascript/jquery CSS3 javascript 바다아이 2412
61 javascript/jquery javascript , cookie, , , , , 바다아이 2304
60 javascript/jquery javascript 바다아이 2621
59 javascript/jquery javascript / , , , 바다아이 2847
58 javascript/jquery url , , encode, decode ... 바다아이 2113
57 javascript/jquery javascript ... frame location.href 바다아이 2232
56 javascript/jquery File Upload Progress, .... . 바다아이 2581
55 javascript/jquery javascript, json , json Highlight 바다아이 2591
54 javascript/jquery javascript json , , JSON.stringify, JSON.parse, 바다아이 2676
현재글 javascript/jquery javascript innerHTML, innerTEXT ... 바다아이 2411
52 javascript/jquery javascript entity , , encode, decode 바다아이 2717
51 javascript/jquery javascript post, get , 바다아이 3921
50 javascript/jquery text copy, , How to copy a TEXT to Clipboard on a Button-Click 바다아이 2799
49 javascript/jquery jquery autocomplete , , . 바다아이 2551
48 javascript/jquery javascript, jquery, , autocomplete 바다아이 2901
47 javascript/jquery substring, substr, indexOf, lastIndexOf (javascript , , ) 바다아이 2650
46 javascript/jquery Javascript event.keyCode , , ACSII 바다아이 2292
45 javascript/jquery url encode decode , , , javascript 바다아이 3502
| |








Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ FreeBSD + GoLang + PostgreSQL ]
서버위치 : vultr.com 서울  실행시간 : 0.04689
to webmaster... gogo sea. gogo sea.