?? ??

DOM ????? ? ??? ??? ????.

W3C ???? ????? ???? DOM ?? ??? ??? ????.

?? ??? ???? ??:
nodeObject.nodeType
??? nodeObject? DOM ??(?? ??)???. ? ??? ?? ??? ??? ?????(?: ?? ??? ?? 1, ?? ??? ?? 2).

?? ?? id="demo"? ???? <div> ??? ?? ??? ?????.

document.getElementById("demo").nodeType;

? ?? ?? ?? 1???.

?? ?? ?? ??? ??? ??? ?? ?? ?????. <div id="demo1">?? ???? ????? ??? ?????

<div id="demo1">點擊這里顯示節(jié)點類型</div>
<script type="text/javascript">
    document.getElementById("demo1").onclick=function(){
        var divType=this.nodeType;
        var textType=this.firstChild.nodeType;   //  this 指當前發(fā)生事件的HTML元素，這里是<div>標簽
        alert(
            "<div>標簽的節(jié)點類型是："+divType+"\n"+
            "<div>標簽內部文本的節(jié)點類型是："+textType
        );
    }
</script>

? ?????. ??:

?? ??

?? ??? DOM ??? ?????. ??? ??? ??? ?? ?? ?? ??? ?????.

?? ??? ???? ??:

    nodeObject.nodeName

??? nodeObject? DOM ??(?? ??)???.

?? ?? id="demo"? ???? <div> ??? ?? ??? ?????.

document.getElementById("demo").nodeName;

? ?? ?? ?? DIV???.

?? ?? ?? ?? ??, ??? ?? ?? ? ?? ?? ??? ?????.

<div id="demo2">點擊這里顯示節(jié)點名稱</div>
<script type="text/javascript">
    document.getElementById("demo2").onclick=function(){
        var divName=this.nodeName;
        var textName=this.firstChild.nodeName;   //  this 指當前發(fā)生事件的HTML元素，這里是<div>標簽
        var documentName=document.nodeName
        alert(
            "<div>標簽的節(jié)點名稱是："+divName+"\n"+
            "<div>標簽內部文本的節(jié)點名稱是："+textName+"\n"+
            "文檔節(jié)點的節(jié)點名稱是："+documentName
        );
    }
</script>

?? ?

??? ??? ?? ?? ?? ?? ??? ??? ????? ?? ?? ??? ????.

?? ??? ?? ???? ?? ?? ??? ? ????.

?? ?? ??? ??:

 nodeObject.nodeValue

? ? nodeObject? DOM ??(?? ??)???.

?? ?? ??? ??? ?? ?? ?????.

<div id="demo3">點擊這里顯示文本節(jié)點的值</div>
<script type="text/javascript">
    document.getElementById("demo3").onclick=function(){
        alert(this.firstChild.nodeValue);   //  this 指當前發(fā)生事件的HTML元素，這里是<div>標簽
    }
</script>