跳到主要内容

获取和操作 DOM 节点

DOM 节点也会被称为 DOM 元素。

想要操作 DOM 节点，就必须先获取到 DOM 节点。

1. 获取 DOM 节点​

获取 DOM 节点的方式有很多，这里例举几个常用的，所有的 DOM 元素都具有以下方法：

  • element.getElementById
  • element.getElementByName
  • element.getElementsByTagName
  • element.getElementsByClassName
  • element.querySelector
  • element.querySelectorAll

1.1 element.getElementById​

返回对拥有指定 id 的第一个对象的引用。

element.getElementById 是指去 element 节点下根据 id 查找子节点。

通常在程序开始前，没有主动去获取过节点，这个时候会使用根节点 document 来进行查找。