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属性
  • 相对访问方式
    • 通过父子/兄弟关系