常见的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['']获取页面中的所有元素节点的对象集合型

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容