DOM获取/修改节点笔记

JavaScript 和 DOM 本身是可以没有关系的，但是开发者需要操作 DOM ，浏览器实现了对应的方法，暴露给开发者，开发者使用 JavaScript 来调用以达到操作 DOM 的目的。

一·获取 DOM 

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

 

• element.getElementById

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

• element.getElementByName

通过元素的 name 属性进行查找的，过去操作表单的时候会经常用到。

通过 getElementsByName 获取到的是 DOM 节点的集合，需要注意的是，这个集合不是数组类型的，而是 NodeList ，其不具备数组的 map 、filter 等方法，但是具备 forEach 方法。

 

• element.getElementsByTagName

此方法返回值的类型是 HTMLCollection ，不是 NodeList ，没有 forEach 方法。

可以使用 for 循环对返回值进行遍历。

 

• element.getElementsByClassName

与 getElementsByTagName 返回值类型相同，此方法返回