html dom一些重要的属性和方法

最新推荐文章于 2023-02-22 07:16:04 发布

最新推荐文章于 2023-02-22 07:16:04 发布 · 137 阅读

文章标签：

#HTML

DIV+CSS 专栏收录该内容

13 篇文章

订阅专栏

本文详细探讨了DOM（文档对象模型）中的关键节点属性与操作方法，包括节点名称、值、类型、文档、子节点、父节点、兄弟节点等。同时介绍了如何通过节点属性实现元素的创建、修改、删除、插入等基本操作，并阐述了NodeList和NamedNodeMap等辅助对象的作用。文章旨在为前端开发者提供DOM操作的全面指南。

特性/方法类型/返回类型说明

nodeName                    String                节点的名字;根据节点的类型而定义
nodeValue                     String                节点的值;根据节点的类型而定义
nodeType    Number            节点的类型常量值之一
ownerDocument Document          指向这个节点所属的文档
firstChild    Node                 指向在childNodes列表中的第一个节点
lastChild    Node                指向在childNodes列表中的最后一个节点
childNodes                    NodeList        所有子节点的列表
parentNode                   Node             该节点的父节点
previousSibling              Node                指向前一个兄弟节点;如果这个节点就是第一个兄弟节点，那么该值为null
nextSibling                     Node     指向后一个兄弟节点;如果这个节点就是最后一个兄弟节点，那么该值为null
hasChildNodes()            Boolean           当childNodes包含一个或多个节点时,返回真
attributes                       NamedNodeMap    包含了代表一个元素的特性的Attr对象;仅用于Element节点
appendChild(node)         Node              将node添加到childNodes的末尾
removeChild(node)         Node              从childNodes中删除node
replaceChild(newnode,oldnode) Node           将childNodes中的oldnode替换成newnode
insertBefore(newnode,refnode)    Node          在childNodes中的refnode之前插入newnodd
getAttribute(name)－－等于attributes.getNamedItem(name).value;
setAttribute(name,newvalue)－－等于 attribute.getNamedItem(name).value=newvalue;
removeAttribute(name)－－等于attribute.removeNamedItem(name)。

除节点外，DOM还定义了一些助手对象，它们可以和节点一起使用，但不是DOM文档必有的部分。

NodeList－－节点数组，按照数值进行索引;用来表示和一个元素的子节点。
NamedNodeMap－－同时使用数值和名字进行索引的节点表;用于表示元素特性。            Node                指向前一个兄弟节点;如果这个节点就是第一个兄弟节点，那么该值为null
nextSibling                     Node     指向后一个兄弟节点;如果这个节点就是最后一个兄弟节点，那么该值为null
hasChildNodes()            Boolean           当childNodes包含一个或多个节点时,返回真
attributes                       NamedNodeMap    包含了代表一个元素的特性的Attr对象;仅用于Element节点
appendChild(node)         Node              将node添加到childNodes的末尾
removeChild(node)         Node              从childNodes中删除node
replaceChild(newnode,oldnode) Node           将childNodes中的oldnode替换成newnode
insertBefore(newnode,refnode)    Node          在childNodes中的refnode之前插入newnodd
getAttribute(name)－－等于attributes.getNamedItem(name).value;
setAttribute(name,newvalue)－－等于 attribute.getNamedItem(name).value=newvalue;
removeAttribute(name)－－等于attribute.removeNamedItem(name)。

除节点外，DOM还定义了一些助手对象，它们可以和节点一起使用，但不是DOM文档必有的部分。

NodeList－－节点数组，按照数值进行索引;用来表示和一个元素的子节点。
NamedNodeMap－－同时使用数值和名字进行索引的节点表;用于表示元素特性。