`

访问html Dom节点的方法

HTMLXML 
阅读更多

一、直接获取

1、document.getElementById()

2、document.getElementsByTagName()

3、document.getElementById('ID').getElementsByTagName("标签名称");

 

实例：

var x=document.getElementsByTagName("p");
for (var i=0;i<x.length;i++)
  {
  // do something with each paragraph
  }

 

要访问第三个 <p> 元素，您可以这么写
var y=x[2];

 

 

二、通过某个已知节点获取

var x=document.getElementById("id");

//获取节点

var y = x.firstChild;

//或者

var y = x.lastChild;

//或者

var y = x.parentNode;

 

//获得节点元素的文本
var text=x.firstChild.nodeValue;

 

//删除节点
x.parentNode.removeChild(x);

 

三、获取根节点

//返回存在于 XML 以及 HTML 文档中的文档根节点

document.documentElement

 

//对 <body> 标签的直接访问

document.body

分享到：
| 让div的内容随着里面的内容的高度自动增高
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript获取HTML DOM节点元素的方法的总结

    以下是对“JavaScript获取HTML DOM节点元素的方法的总结”的详细阐述，旨在帮助开发者更好地理解和应用DOM操作。 ### 一、通过`document`对象获取DOM节点 #### 1. `document.getElementById(elementId)` 这个方法...

    第06章 DOM节点操作（上）

    在本章“第06章 DOM节点操作（上）”中，我们将深入探讨Document Object Model（DOM）在JavaScript中的应用，以及如何通过DOM接口来操纵HTML或XML文档的结构、内容和样式。DOM是一种标准，它允许编程语言与网页内容...

    HTML DOM基础教程（网页形式）

    DOM 节点访问 DOM 节点信息 DOM How To DOM 参考 DOM 总结 DOM 实例 DOM 实例 DOM 对象 DOM Window DOM Navigator DOM Screen DOM History DOM Location DOM Document DOM Anchor DOM Area DOM Base ...

    第06章 DOM节点操作（下）

    总结，DOM节点操作是Web开发中不可或缺的一部分，熟练掌握这些方法和概念将使你能够有效地操控页面元素，实现丰富的交互效果。无论是添加、删除还是修改元素，或者处理事件，都需要对DOM有深入的理解。通过不断地...

    DOM节点中元素节点与文本节点操作方法.pdf

    DOM提供了一系列方法来操作这些节点，如`createElement`和`appendChild`用于创建和添加新元素，`replaceChild`用于替换节点，`firstElementChild`和`lastElementChild`用于访问元素子节点，以及`nextElementSibling`...

    JS访问DOM节点方法详解

    本文实例讲述了JS访问DOM节点方法。分享给大家供大家参考，具体如下： 查找并访问节点 你可通过若干种方法来查找您希望操作的元素： 通过使用 getElementById() 和 getElementsByTagName() 方法 通过使用一个元素...

    HTML DOM 常用的属性和方法

    DOM节点类型有多种，其中最常见的是： 1. ElementNode.ELEMENT_NODE（1）：表示HTML元素节点，如`&lt;p&gt;`、`&lt;div&gt;`等。 2. TextNode.TEXT_NODE（3）：表示文本节点，存储元素内的文本内容。 3. DocumentNode.DOCUMENT_...

    JQuery插入DOM节点的方法

    本文实例讲述了JQuery插入DOM节点的方法。分享给大家供大家参考。具体分析如下： 动态创建HTML元素并没有实际用处，还需要将新创建的元素插入文档中。将新创建的节点插入文档最简单的办法是，让它成为这个文档的某个...

    DOM访问/创建/删除/修改文档节点及属性方法

    DOM 访问、创建、删除、修改文档节点及属性方法 DOM（Document Object Model）是 HTML 和 XML 文档的编程接口，允许开发者使用脚本语言（如 JavaScript）来访问和操作文档的结构和内容。在这里，我们将详细介绍 DOM...

    JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例

    知识点1：DOM节点的分类 在DOM中，节点可以是不同类型的实体，例如元素节点、文本节点或属性节点。元素节点表示HTML文档中的标签，文本节点包含标签之间的文本，而属性节点则表示标签内的属性。 知识点2：创建DOM...

    DOM 节点操作 【微重点】【案例】.pdf

    并不是所有的节点方法在所有的浏览器上都能得到支持，特别是老版本的浏览器。因此，通常在进行元素节点操作时，我们主要使用那些广泛支持和稳定的方法。 DOM节点操作的重要性在于，它可以帮助开发者创建动态的用户...

    练习2：访问当当购物车页面节点

    总之，访问当当购物车页面节点涉及HTML元素的理解、DOM操作以及JSP的服务器端逻辑处理。通过熟练掌握这些技能，你可以实现交互性强、动态响应的网页应用。练习2的目标就是让你能够结合实际案例，将理论知识转化为...

    JQuery创建DOM节点的方法

    本文实例讲述了JQuery创建DOM节点的方法。分享给大家供大家参考。具体分析如下： 用JQuery选择器能够快捷而轻松地查找到文档中的某个特定的元素节点，然后可以用attr()方法来获取元素的各种属性的值。但真正的DOM...

    JQuery查找DOM节点的方法

    本文实例讲述了JQuery查找DOM节点的方法。分享给大家供大家参考。具体分析如下： DOM操作是JQuery最常见的用法，下面我们来将JQuery的DOM操作逐个剖析下。先来最简单的查找节点操作。 为了能全面地讲解DOM操作，首先...

    HTML DOM简介.rar

    3. 访问DOM节点1——getElementById() 4. 访问DOM节点2——getElementsByTagName() 5. 访问DOM节点3——通过节点关系 6. DOM节点信息 7. DOM信息nodeType的应用 8. 修改DOM——innerHTML 9. 删除DOM节点——...

    谷歌获取网页dom的插件

    它将文档拆分为一系列的节点，如元素节点、文本节点、属性节点等，每个节点都具有相应的属性和方法。通过DOM，开发者可以轻松地找到、修改或添加文档的任何部分。 在描述中提到，这个插件可以用于爬取网页信息，...

    DOM对象中的节点操作.pdf

    在当前互联网开发领域，DOM（文档对象模型）是前端开发人员在处理HTML文档时不可或缺的重要概念和工具。...通过深入学习和实践DOM节点操作，开发者可以有效地控制Web文档，实现更加丰富和动态的Web应用。

    JQuery复制DOM节点的方法

    在本文中，我们将深入探讨使用jQuery复制DOM节点的方法，重点介绍clone()方法以及如何利用appendTo()方法将复制的节点追加到目标位置。 首先，clone()方法是jQuery中用于复制节点的核心方法。clone()方法可以创建...

    c++ html dom 树

    `DomTree.h`可能包含了`DomTree`类的声明，这个类可能包含构造函数、析构函数、遍历节点的方法、添加或删除节点的函数，以及访问节点属性的接口。 在描述中提到的性能问题，可能是由于解析HTML时的效率不高，或者在...

Magicbox
Global site tag (gtag.js) - Google Analytics