HTML DOM Access Nodes 翻譯 w3schools.com

HTML DOM Access Nodes

With the DOM, you can access every node in an HTML document.(使用DOM，你能夠訪問HTML文檔中的每個節點)

Accessing Nodes

You can access a node in three ways:（你能夠使用三種方法訪問節點）

1. By using the getElementById() method （通過使用getElementById方法）
2. By using the getElementsByTagName() method（通過使用getElementsByTagName方法）
3. By navigating the node tree, using the node relationship（通過使用節點間的關係瀏覽節點樹）
   

補充：1. 除了使用getElementsByTagName，還可以使用getElementsByName方法訪問節點們

           2. 除了使用id屬性，還可以使用className屬性訪問節點

例子：

<script type="text/javascript">
//<!--
window.onload=function(){

var i,a,s="";

var d=document.getElementsByTagName("div");  //擷取tag名稱為div的html元素們

for(i=0;i<d.length;i++)                                              //遍曆tag名稱為div的html元素們

     if(d[i].className=="q2")                                     //擷取tag名稱為div的html元素們中，calss名稱為q2的html元素

         a=d[i].getElementsByTagName("a");              //擷取tag名稱為div的html元素們中，calss名稱為q2的html元素中，tag名稱為a的html元素們

         for(i=0;i<a.length;i++)                                     //遍曆tag名稱為div的html元素們中，calss名稱為q2的html元素中，tag名稱為a的html元素們

             s+=a[i].innerHTML;

        alert(s);
}
//-->
</script>

——————————————————————————————————————————————————————————————

HTML、CSS和JS學習中常常解決一個問題的方法很多，具有極大的靈活性，因此有必要對這些方法有個系統的認識，而不是片面的瞭解某個方法，分門別類是個不錯的辦法。

• 訪問節點
  • 絕對訪問方式
    • 元素
      • getElementById
    • 集合
      • getElementByTag
      • getElementByName
      • 通過class屬性
  • 相對訪問方式
    • 通過父子/兄弟關係