大家好,我是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()方法,这个方法用于确定文档是否获得了焦点。
参考文献
除了常见的这三中还有哪些?
document.getElementsByName('name属性值');返回拥有指定名称的对象结合
document/element.querySelector('CSS选择器');仅返回第一个匹配的元素
document/element.querySelectorAll('CSS选择器');返回所有匹配的元素
document.documentElement获取页面中的HTML标签
document.body获取页面中的BODY标签
document.all['']获取页面中的所有元素节点的对象集合型