잠시만 기다려 주세요

     '대한민국이 더이상 발전하지 못하는 것은 부패한 언론들의 쓰레기짓 때문이다.'
전체검색 :  
이번주 로또 및 연금번호 발생!!   |  HOME   |  여기는?   |  바다물때표   |  알림 (16)  |  여러가지 팁 (1059)  |  추천 및 재미 (156)  |  자료실 (22)  |  
시사, 이슈, 칼럼, 평론, 비평 (613)  |  끄적거림 (136)  |  문예 창작 (716)  |  바람 따라 (75)  |  시나리오 (760)  |  드라마 대본 (248)  |  
살인!


    javascript/jquery

javascript/jquery - 자바스크립트 javascript innerHTML, innerTEXT 사용 할 때 주의할 점...
이 름 : 바다아이   |   조회수 : 9249         짧은 주소 : 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
번 호 카테고리 제 목 이름 조회수
76 javascript/jquery , . 바다아이 7121
75 javascript/jquery , . , 바다아이 5316
74 javascript/jquery javascript , ... 바다아이 7080
73 javascript/jquery , cookie class 바다아이 7641
72 javascript/jquery select 3 바다아이 8622
71 javascript/jquery , ... 바다아이 7999
70 javascript/jquery , timezone, , ... moment.js 바다아이 10229
69 javascript/jquery textarea cursor . focus, cursor ... 바다아이 10257
68 javascript/jquery (block) , ... 바다아이 8369
67 javascript/jquery textarea cursor , , focus 바다아이 11520
66 javascript/jquery jquery ajax option .... 바다아이 8647
65 javascript/jquery jquery open api , ajax JSONP cross domain , , error 0 ... sop 바다아이 8412
64 javascript/jquery javascript , , , , () 바다아이 9282
63 javascript/jquery javascript (date ) 바다아이 9437
62 javascript/jquery CSS3 javascript 바다아이 10228
61 javascript/jquery javascript , cookie, , , , , 바다아이 9491
60 javascript/jquery javascript 바다아이 10102
59 javascript/jquery javascript / , , , 바다아이 13329
58 javascript/jquery url , , encode, decode ... 바다아이 8586
57 javascript/jquery javascript ... frame location.href 바다아이 14125
56 javascript/jquery File Upload Progress, .... . 바다아이 9039
55 javascript/jquery javascript, json , json Highlight 바다아이 9177
54 javascript/jquery javascript json , , JSON.stringify, JSON.parse, 바다아이 10499
현재글 javascript/jquery javascript innerHTML, innerTEXT ... 바다아이 9250
52 javascript/jquery javascript entity , , encode, decode 바다아이 9442
51 javascript/jquery javascript post, get , 바다아이 10747
50 javascript/jquery text copy, , How to copy a TEXT to Clipboard on a Button-Click 바다아이 9541
49 javascript/jquery jquery autocomplete , , . 바다아이 9121
48 javascript/jquery javascript, jquery, , autocomplete 바다아이 10108
47 javascript/jquery substring, substr, indexOf, lastIndexOf (javascript , , ) 바다아이 9369
| |









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