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

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

一、获取元素节点的方法

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可以获取到节点的值

你可能感兴趣的:([原]DOM编程艺术2-获取元素)