特性/方法 类型/返回类型 说明
nodeName String 节点的名字;根据节点的类型而定义
nodeValue String 节点的值;根据节点的类型而定义
nodeType Number 节点的类型常量值之一
ownerDocument Document 指向这个节点所属的文档
firstChild Node 指向在childNodes列表中的第一个节点
lastChild Node 指向在childNodes列表中的最后一个节点
childNodes NodeList 所有子节点的列表
parentNode Node 该节点的父节点
previousSibling 特性/方法 类型/返回类型 说明
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--同时使用数值和名字进行索引的节点表;用于表示元素特性。
分享到:
相关推荐
HTML DOM(文档对象模型)是Web开发中用于...这些属性和方法构成了DOM的核心,让开发者能够高效地查找、修改和操作HTML页面中的元素和内容,实现动态效果和交互。了解并熟练掌握这些知识点对于进行前端开发至关重要。
### DOM常用属性和方法 #### 一、DOM与HTML文档结构理解 在DOM(Document Object Model,文档对象模型)的世界里,HTML文档被视作一种树状结构,其中`<html>`作为根节点,而其他诸如`<head>`、`<title>`、`<body>`...
**JS操作DOM元素属性和方法大全** 在JavaScript中,DOM(Document Object Model)是一种标准,用于表示HTML或XML文档的结构,并提供了与这些文档交互的方法。DOM是浏览器提供的一种接口,使得JavaScript能够读取、...
属性集合是指 DOM 中的属性集合,它提供了许多方法和属性,开发者可以通过这些方法和属性来操作文档的内容和结构。 读取属性 读取属性是指通过 JavaScript 读取 DOM 中的属性。DOM 提供了许多方法和属性,开发者...
本知识点将详细介绍如何使用JavaScript来操作DOM元素的属性和方法。 DOM结构是基于树状结构的,每个HTML元素都是一个节点。在DOM树中,可以通过各种属性和方法来访问和修改节点。以下是一些核心概念和方法: 1. ...
DOM允许编程者和脚本语言(如JavaScript)来动态更新、添加、删除以及改变任何元素和属性,使网页与用户交互变得更加灵活和强大。 《HTML DOM参考手册》是一本非常实用的资源,它详细介绍了如何通过DOM API操作HTML...
在IT领域,C++是一种强大的...总的来说,这个C++ HTML DOM树项目展示了如何用底层编程语言处理和操作HTML文档,对于理解和实践Web开发中的DOM概念具有重要意义。通过持续优化和改进,这个实现可以变得更为强大和高效。
10. **Node**:`Node`是DOM4j中所有XML节点的基类,提供了统一的访问和操作方法,包括元素、属性、文本、注释等。 11. **NodeFilter**:`NodeFilter`定义了一个过滤器接口,允许你在遍历DOM4j树时根据特定条件筛选...
4. **修改DOM**:可以添加、删除、修改HTML元素及其属性。 5. **提取数据**:支持提取文本、HTML、属性值等数据。 三、基本用法 1. **加载HTML**:首先需要引入`simple_html_dom.php`文件,然后使用`file_get_...
3. **关联库**:`dom4j-1.6.1.jar`是DOM4J的库文件,包含所有DOM4J类和方法,可直接引入到Java项目中使用。`jaxen-1.1-beta-6.jar`是Jaxen库,DOM4J依赖它来实现XPath查询功能。Jaxen提供了一个统一的接口,可以在...
本篇文章将深入探讨JavaScript如何利用DOM进行节点操作,包括创建、查找、修改和删除节点,以及操作DOM属性和方法。 首先,了解DOM的基本结构至关重要。DOM将HTML或XML文档视为一棵树形结构,每个节点代表文档的一...
每个对象都有其特定的属性和方法。例如,`document`对象是整个HTML页面的根对象,可以用于获取页面信息或者修改页面内容。`element`对象代表HTML元素,拥有如`innerHTML`、`textContent`、`style`等属性,以及`...
DOM(Document Object Model)是W3C组织定义的一种标准,用于表示XML和HTML文档的结构化接口。DOM将文档解析为一个由节点组成的...因此,深入学习和掌握DOM文档对象的方法和属性对于任何前端开发者来说都是至关重要的。
在实际开发中,理解并熟练运用CSS属性和DOM属性对于创建交互性强、视觉效果好的网页至关重要。例如,通过`addEventListener`可以监听DOM事件,如点击、滚动等;使用`getElementsByClassName`或`querySelectorAll`...
6. **遍历DOM树**:`childNodes`属性返回元素的所有子节点,而`firstChild`和`lastChild`分别指向第一个和最后一个子节点。`nextSibling`和`previousSibling`用于遍历同一级别的相邻元素。 **王兴魁老师的AJAX视频*...
总的来说,HTML DOM和PHP HTMLdom是Web开发中的重要工具,它们使开发者能够以程序化的方式处理HTML文档,实现更灵活的页面交互和数据操作。通过学习和熟练掌握这一技术,开发者可以提高工作效率,创建更加动态和功能...
总之,掌握HTML DOM中的高度属性对于优化网页布局和交互至关重要。开发者应当根据具体需求,合理运用这些属性,以实现更加精细的页面控制。在实践中不断探索和理解这些属性,能够提高代码的效率和质量,避免不必要的...
- **DOMElement**:这是所有DOM元素的基类,定义了元素的基本属性和方法。 - **DOMWindow**:代表浏览器窗口,提供了对浏览器窗口的访问和控制。 - **DOMDocument**:表示整个文档,是DOM树的根节点。 - **DOMEvent*...
熟练掌握这些DOM属性和方法,开发者可以高效地进行动态HTML内容的创建和修改,实现丰富的交互效果和功能。在实际编程中,根据具体需求灵活运用这些方法,能够极大地提高代码的灵活性和可维护性。