[原]读-DOM编程艺术2-获取元素

发表于 | 
在之前我们提到了节点，节点很重要，只有理解了节点我们才能对节点进行操作

一、获取元素节点的方法

1
2
3
document.getElementById("id") //（返回一个对象）
document.getElementsByTagName("tag") //（返回一个对象数组）
document.getElementsByClassName("classname")//（返回一个对象数组）

获取一个节点后，其实我们就得到了一个对象或者一个对象数组，我们可以对对象进行各种处理，JS已经对对象进行了各种属性和方法的封装，比如，length，getAttribute,setAttribute, 等等

比较重要的知识点：

  1. 一份文档（document）就是一颗节点树
  2. 节点分为不同的类型：元素节点，属性节点，文本节点等
  3. 每一个节点都是一个对象。

通过元素的属性nodeType可以获取到节点类型，alert后打印的是1，2，3

  1. 代表元素节点
  2. 代表属性节点
  3. 代表文本节点
    通过元素的属性nodeValue可以获取到节点的值

如果对您有所帮助或者对博主有更多的话说，欢迎你去我的GitHub留下一个您的start和issues

前往LEE的github给他一个Start鼓励一下吧

原创转载请标注出处：https://leehongqiang.github.io