문서의 계통도에서 노드(node)로서의 택스트 문자열을 참조한다.
|
Script | [propVal=]..propName; |
| HTML | 없다. |
TextNode 개체는 createTextNode 메서드를 사용하여 생성한다. TextNode 개체가 생성된 뒤에는 appendChild, replaceNode나 insertBefore 메서드를 사용하여 추가하거나 수정할 수 있다.
이 개체는 IE5 이상에서 스크립트를 사용할 수 있다.
이 개체는 (영문)HTML3.2에서 정의되었다.
설명을 위한 예제
|
| 메서드 | 설명 |
|---|---|
| appendData | IE6 개체에 새로운 글자 문자열을 추가한다. |
| deleteData | IE6 개체에서 지정된 글자들을 제거한다. |
| insertData | IE6 개체에서 지정된 글자들을 삽입한다. |
| replaceData | IE6 개체에서 지정된 글자들의 범위를 새로운 문자열로 교체한다. |
| splitText | 지정한 색인(index)에서의 문자열 노드를 분리한다. |
| substringData | IE6 개체로부터 지정된 글자들의 범위를 추출한다. |
개체 예제
항목이나 제목을 클릭하면 값이 바뀐다.
<STYLE>dl.samp dt, dl.samp dd{border:solid 1 blue;padding;3;background:ffc}</STYLE>
<SCRIPT>
function doChanget(obj){
TextNodeObj=document.createTextNode('새로운 데이터');
obj.firstChild.replaceNode(TextNodeObj);
showA.innerHTML='<'+obj.nodeName+' id='+obj.id+'> nodeValue='+obj.firstChild.nodeValue;
}
</SCRIPT>
<DL id=dlObj class=samp>
<DT id=dt1 onclick='doChanget(this)'>항목 제목 1
<DD id=dd1 onclick='doChanget(this)'>항목 내용 1
<DT id=dt2 onclick='doChanget(this)'>항목 제목 2
<DD id=dd2 onclick='doChanget(this)'>항목 내용 2
<DT id=dt3 onclick='doChanget(this)'>항목 제목 3
<DD id=dd3 onclick='doChanget(this)'>항목 내용 3
</DL>
<BUTTON onclick="doChanget(dlObj.firstChild);this.disabled=true">첫 항목 제목을 변경시킨다.</BUTTON>
<DIV id=showA>결과 표시창</DIV>