outerText 2

동적 HTML 생성_innerText, innerHTML, outerText, outerHTML

출처 : http://blog.naver.com/nicepicnic/50007138060 ---------------------------------------------------------------------------------------------------- 인터넷 익스플로러 4 이후부터는 웹 문서의 내용을 동적으로 변경시킬 수 있는 다양한 속성과 메쏘드를 제공하고 있는데 그 중 웹 페이지의 요소들에 들어있는 값을 확인하고, 그 요소의 값을 변경할 때 필요한 4가지 속성을 먼저 살펴본다면 다음과 같다. innerText outerText innerHTML outerHTML 위 속성을 사용한 예제들을 살펴보면서 각 속성의 차이점을 알아 보도록 하자. 우선 다음과 같은 코드가 있다고 하자. 코리아..

웹&컴퓨팅 2007.12.11 (7)

innerText, innerHTML ,outerText, outerHTML

innerText, innerHTML 제목을 다이나믹하게 바꾸는 코드는 document.all.ptitle.innerText에 새로운 내용을 대입함으로서 실제 화면상의 내용도 바뀐 것으로, H1 항목을 ptitle이라는 이름으로 지정하고, 스크립트에서는 ptitle의 innerText 즉, 안쪽의 텍스트를 다른 것으로 지정함으로서 그 내용을 바꾸었다. innerText는 태그로 둘러싸인 안쪽의 텍스트를 의미하는 것으로 만약에 바꾸려는 내용에 HTML 태그들이 포함되어져야 하는 경우에는 innerHTML이라는 속성을 사용해서 다음과 같이 바꾸면 된다. document.all.ptitle.innerHTML="CD-Review Vol.3" ---------------------------------------..

웹&컴퓨팅 2007.06.19 (2)