js如何删除某个dom下面的所有元素 dom操作?
dom操作?
文档对象模型(DOM)主要用于操纵HTML和XML文档的内容。DOM描绘了一个层次化的节点树,通过对节点的操作,可以实现对文档内容的添加、删除、修改和搜索等功能。
一. DOM树
DOM树有两种,即节点树和元素树。
节点树:将文档中的所有内容视为树中的节点;
元素树:仅将文档中的所有标签视为树中的节点。
二、DOM常见操作
2.1找到节点
(#39id属性值#39)
返回对具有指定id的第一个对象的引用。
(#39类属性值# 39)
返回具有指定类的对象的集合。
(#39标签名称#39)
返回具有指定标记名的对象的集合。
(#39名称属性值# 39)
返回具有指定名称的对象组合。
文档/元素.查询选择器(#39 CSS选择器#39)
只返回第一个匹配的元素。
document/element . query Selector all(#39 CSS选择器# 39)
返回所有匹配的元素。
获取页面中的HTML标签
获取页面中的BODY标签。
[#39#39]
获取页面中所有元素节点的对象集。
2.2创建一个新节点
(#39元素名称#39)
创建一个新元素节点
(#39属性名#39)
创建新的属性节点
(#39文本内容#39)
创建新的文本节点
(#3论节点#39)
创建新的注释节点
( )
创建文档片段节点
2.3添加新节点
(元素/文本/注释/片段)
在父节点的最后一个子节点后追加一个新节点。
(newChild,existingChild)
在父节点的特定子节点之前插入一个新节点。
(属性名)
向元素添加属性节点
(属性名,属性值)
将指定的属性添加到元素中,并设置属性值。
dom用html写比较好还是用js比较好?
Html和js don 实际上并不。首先,我们得说说dom是什么。
DOM是文档对象模型,是W3C制定的标准接口规范,也是处理HTML和XML文件的标准API。
也就是说,dom只是一系列文档标签,类似于xml,用来分析文档的层次结构和风格。在这方面,直接用html写肯定是最好的。当然也可能有动态创建的dom元素,因为总要有交互,不只是静态页面,还有动态部分。用js写就行了。
因此,问题并不。静态dom元素用html编写,用js动态创建或调整。没有更好的办法说可以根据需求选择。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。