HTML 문서

;/ p>

태그입니다
alert('nodetype:' element.nodeType);//nodeType=1
alert(' nodeName:' element.nodeName);
alert('nodeValue:' element.nodeValue); //null
alert('element:' 요소)
}
function showText(){
var element=document.getElementById("h1");
var text=element.childNodes[0]
alert('nodeType:' text.nodeType); =3
alert ('nodeValue:' text.nodeValue); //텍스트 노드의 nodeValue는 텍스트 콘텐츠입니다.
text.nodeValue=text.nodeValue "abc"; //텍스트 콘텐츠가 추가됩니다. 수정, 삭제 등
alert('nodeName:' text.nodeName);
alert(text.data); //데이터도 해당 내용이며 이 속성을 추가, 삭제 또는 수정할 수도 있습니다.
}
function showDocument(){
alert('nodeType:' document.nodeType); //9
alert('nodeName:' document.nodeName)
alert(document) ;
}
function showAttr(){
var btnShowAttr=document.getElementById("btnShowAttr"); //데모 버튼에는 많은 속성이 있습니다.
var attrs=btnShowAttr.attributes; var i=0;ivar attr=attrs[i]
alert('nodeType:' attr.nodeType); //속성 nodeType=2
경고( 'attr:' attr);
alert('attr.name:' attr.name '=' attr.value)
}
}
function 데모(){
var btnDemo1 =document.getElementById("btnDemo1");
btnDemo1.onclick=showElement; //버튼 1은 노드 노드 유형 값을 가져옵니다
var btnDemo2=document.getElementById("btnDemo2")
btnDemo2.onclick = showText;
var btnDemo3=document.getElementById("btnDemo3");
btnDemo3.onclick=showDocument;
var btnShowAttr=document.getElementById("btnShowAttr")
btnShowAttr.onclick=showAttr ;
}
window.onload=demo