JavaScript對html擷取節點的三種方法

JavaScript對html擷取節點的三種方法
擷取節點的方法：
1.getElementById 擷取對 ID 標籤屬性為指定值的第一個對象的引用
2.getElementsByName 根據 NAME 標籤屬性的值擷取對象的集合。
3.getElementsByTagName 擷取基於指定元素名稱的對象集合。

<輔助>每個節點的三個屬性 nodeName,nodeType,nodeValue

nodeType:標籤的nodeoType是1，屬性為2，內容為3

 

下面是示範三種擷取html節點的方法：

dom_1.html <script type=text/javascript>

//1,getElementById function getNode1(){var a=document.getElementById(divid);//通過節點的id擷取該節點對象//alert(a);alert(a.nodeName+,+a.nodeType+,+a.nodeValue);//div  節點的名稱//標籤的nodeoType是1，屬性為2，內容為3//nodeValue   標籤型節點是null,沒有值的。只有屬性和文本節點才可以有值。//前面僅僅只是獲的節點  下面獲得節點裡面的內容//擷取div節點中的文本  innerHTML innerText 屬性var text=a.innerHTML;//innerHTML 設定或擷取位於對象起始和結束標籤內的 HTML。 alert(text);//更改裡面的屬性a.innerHTML=改成別的了，要注意了，innerHTML可以修改裡面的內容.fontcolor(blue);}

//2.getElementsByName 根據 NAME 標籤屬性的值擷取對象的集合。function getNode2(){var a=document.getElementsByName(aa);alert(a.nodeName);//undefined   a為數組，必須指定元素來使用alert(a[0].nodeName+-+a[0].nodeType+-+a[0].nodevalue);}

3，

function getNode3(){var a=document.getElementsByTagName(div);alert(a.nodeName);//undefined   a為數組，必須指定元素來使用alert(a[0].nodeName+-+a[0].nodeType+-+a[0].nodevalue);}</script>

這是div使用的地區，我是最棒的！！效果如下：點擊都有反應的