JavaScript学习之访问所需节点

 

DOM节点(元素节点、文本节点、属性节点)

元素节点：可以理解为标签元素，如head/title/body/h1/p 特殊的，还有根结点document

文本节点：可以理解为<>外的文本，没有子节点

属性节点：描述元素节点的信息、属性的节点；依附于元素节点

 

通过id属性查找元素

getElementById()

如：

我的博客

 

通过标签名称查找元素

getElementsByTagName("TagName")

如：

 

  1_test1
 

 

  1_test2
 

================================

 

  2_test1
 

 

  2_test2
 

 

通过类名查找元素

属性：className

通过document.all 或 document.getElementsByTagName("*") 获得文档中所有元素，

然后用正则表达式判断对应的className是否是所需节点

如：

我的博客

 

还可以通过遍历DOM树的方法访问节点

查找父节点 parentNode

查找子节点 childNodes firstChild lastChild

查找兄弟节点 previous nextSibling