`
chengxianju
  • 浏览: 256493 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

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

阅读更多

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

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 常用的属性和方法

    HTML DOM(文档对象模型)是Web开发中用于...这些属性和方法构成了DOM的核心,让开发者能够高效地查找、修改和操作HTML页面中的元素和内容,实现动态效果和交互。了解并熟练掌握这些知识点对于进行前端开发至关重要。

    DOM常用属性和方法

    ### DOM常用属性和方法 #### 一、DOM与HTML文档结构理解 在DOM(Document Object Model,文档对象模型)的世界里,HTML文档被视作一种树状结构,其中`<html>`作为根节点,而其他诸如`<head>`、`<title>`、`<body>`...

    JS操作DOM元素属性和方法大全

    **JS操作DOM元素属性和方法大全** 在JavaScript中,DOM(Document Object Model)是一种标准,用于表示HTML或XML文档的结构,并提供了与这些文档交互的方法。DOM是浏览器提供的一种接口,使得JavaScript能够读取、...

    DOM和BOM的使用

    属性集合是指 DOM 中的属性集合,它提供了许多方法和属性,开发者可以通过这些方法和属性来操作文档的内容和结构。 读取属性 读取属性是指通过 JavaScript 读取 DOM 中的属性。DOM 提供了许多方法和属性,开发者...

    JS操作DOM元素属性和方法.pdf

    本知识点将详细介绍如何使用JavaScript来操作DOM元素的属性和方法。 DOM结构是基于树状结构的,每个HTML元素都是一个节点。在DOM树中,可以通过各种属性和方法来访问和修改节点。以下是一些核心概念和方法: 1. ...

    HTML DOM 参考手册 电子书

    DOM允许编程者和脚本语言(如JavaScript)来动态更新、添加、删除以及改变任何元素和属性,使网页与用户交互变得更加灵活和强大。 《HTML DOM参考手册》是一本非常实用的资源,它详细介绍了如何通过DOM API操作HTML...

    c++ html dom 树

    在IT领域,C++是一种强大的...总的来说,这个C++ HTML DOM树项目展示了如何用底层编程语言处理和操作HTML文档,对于理解和实践Web开发中的DOM概念具有重要意义。通过持续优化和改进,这个实现可以变得更为强大和高效。

    DOM4j属性的详细介绍及相关的例子

    10. **Node**:`Node`是DOM4j中所有XML节点的基类,提供了统一的访问和操作方法,包括元素、属性、文本、注释等。 11. **NodeFilter**:`NodeFilter`定义了一个过滤器接口,允许你在遍历DOM4j树时根据特定条件筛选...

    simple_html_dom,php下的html文件DOM解析库

    4. **修改DOM**:可以添加、删除、修改HTML元素及其属性。 5. **提取数据**:支持提取文本、HTML、属性值等数据。 三、基本用法 1. **加载HTML**:首先需要引入`simple_html_dom.php`文件,然后使用`file_get_...

    dom4j 英文api和htmldom教程下载

    3. **关联库**:`dom4j-1.6.1.jar`是DOM4J的库文件,包含所有DOM4J类和方法,可直接引入到Java项目中使用。`jaxen-1.1-beta-6.jar`是Jaxen库,DOM4J依赖它来实现XPath查询功能。Jaxen提供了一个统一的接口,可以在...

    javascript节点操作DOM属性和方法

    本篇文章将深入探讨JavaScript如何利用DOM进行节点操作,包括创建、查找、修改和删除节点,以及操作DOM属性和方法。 首先,了解DOM的基本结构至关重要。DOM将HTML或XML文档视为一棵树形结构,每个节点代表文档的一...

    HTML DOM 参考手册

    每个对象都有其特定的属性和方法。例如,`document`对象是整个HTML页面的根对象,可以用于获取页面信息或者修改页面内容。`element`对象代表HTML元素,拥有如`innerHTML`、`textContent`、`style`等属性,以及`...

    DOM文档对象方法和属性中文文档

    DOM(Document Object Model)是W3C组织定义的一种标准,用于表示XML和HTML文档的结构化接口。DOM将文档解析为一个由节点组成的...因此,深入学习和掌握DOM文档对象的方法和属性对于任何前端开发者来说都是至关重要的。

    CSS和DOM属性用法速查手册.doc

    在实际开发中,理解并熟练运用CSS属性和DOM属性对于创建交互性强、视觉效果好的网页至关重要。例如,通过`addEventListener`可以监听DOM事件,如点击、滚动等;使用`getElementsByClassName`或`querySelectorAll`...

    DOM基础及DOM操作HTML

    6. **遍历DOM树**:`childNodes`属性返回元素的所有子节点,而`firstChild`和`lastChild`分别指向第一个和最后一个子节点。`nextSibling`和`previousSibling`用于遍历同一级别的相邻元素。 **王兴魁老师的AJAX视频*...

    HtmlDom.rar_HTML dom_PHP HTMLdom

    总的来说,HTML DOM和PHP HTMLdom是Web开发中的重要工具,它们使开发者能够以程序化的方式处理HTML文档,实现更灵活的页面交互和数据操作。通过学习和熟练掌握这一技术,开发者可以提高工作效率,创建更加动态和功能...

    html DOM 节点的各种高度属性

    总之,掌握HTML DOM中的高度属性对于优化网页布局和交互至关重要。开发者应当根据具体需求,合理运用这些属性,以实现更加精细的页面控制。在实践中不断探索和理解这些属性,能够提高代码的效率和质量,避免不必要的...

    html dom 底层 javascript

    - **DOMElement**:这是所有DOM元素的基类,定义了元素的基本属性和方法。 - **DOMWindow**:代表浏览器窗口,提供了对浏览器窗口的访问和控制。 - **DOMDocument**:表示整个文档,是DOM树的根节点。 - **DOMEvent*...

    动态创建html内容时所用的W3C DOM属性和方法

    熟练掌握这些DOM属性和方法,开发者可以高效地进行动态HTML内容的创建和修改,实现丰富的交互效果和功能。在实际编程中,根据具体需求灵活运用这些方法,能够极大地提高代码的灵活性和可维护性。

Global site tag (gtag.js) - Google Analytics