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属性
    • 相对访问方式
      • 通过父子/兄弟关系
原文地址:https://www.cnblogs.com/zhangjun1130/p/1979486.html