[原]DOM编程艺术2-获取元素
2020-09-24 本文已影响0人
虾米不是鱼
在之前我们提到了节点,节点很重要,只有理解了节点我们才能对节点进行操作
一、获取元素节点的方法
document.getElementById("id") //(返回一个对象)
document.getElementsByTagName("tag") //(返回一个对象数组)
document.getElementsByClassName("classname")//(返回一个对象数组)
获取一个节点后,其实我们就得到了一个对象或者一个对象数组,我们可以对对象进行各种处理,JS已经对对象进行了各种属性和方法的封装,比如,length,getAttribute,setAttribute, 等等
比较重要的知识点:
- 一份文档(document)就是一颗节点树
- 节点分为不同的类型:元素节点,属性节点,文本节点等
- 每一个节点都是一个对象。
通过元素的属性nodeType可以获取到节点类型,alert后打印的是1,2,3
- 代表元素节点
- 代表属性节点
- 代表文本节点
通过元素的属性nodeValue可以获取到节点的值