常见的Dom操作？

大家好，我是IT修真院萌新分院的王寒，一枚正直、纯洁、善良的前端程序员。

今天呢 ，我给大家要说的就是常见的Dom操作有哪些？

背景介绍

DOM与事件是JavaScript最核心的组成部分之一，他们赋予了页面无线的想象空间，你根本无法离开他们，否则js将寸步难行。

知识剖析

什么是DOM?

DOM是Document Object Model（文档对象模型的缩写）。DOM中的三个字母，D（文档）可以理解为整个Web加载的网页文档；O（对象）可以理解为类似Window对象之类的东西，可以调用属性和方法，这里我们说的是document对象；M（模型）可以理解为网页文档的树型结构。文档对象模型( DOM, Document Object Model )主要用于对HTML和XML文档的内容进行操作。DOM描绘了一个层次化的节点树，通过对节点进行操作，实现对文档内容的添加、删除、修改、查找等功能。

常见问题

1.DOM节点是什么？

加载HTML页面时，Web浏览器生成一个树型结构，用来表示页面内部结构。DOM将这种树型结构理解为由节点组成。

2.常见的DOM节点有哪些？如何操作？

解决方案

常见的DOM节点：

1.getElementById()

2.getElementsByclassname()

3.getElementsByTagName()

扩展思考

Html5添加了辅助管理DOM焦点的功能。首先就是document.activeElement属性，这个属性始终会引用DOM中当前获得了焦点的元素。另外就是新增了document.hasFocus()方法，这个方法用于确定文档是否获得了焦点。

参考文献

DOM操作

除了常见的这三中还有哪些？

document.getElementsByName('name属性值');返回拥有指定名称的对象结合

document/element.querySelector('CSS选择器');仅返回第一个匹配的元素

document/element.querySelectorAll('CSS选择器');返回所有匹配的元素

document.documentElement获取页面中的HTML标签

document.body获取页面中的BODY标签

document.all['']获取页面中的所有元素节点的对象集合型