`

访问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的内容随着里面的内容的高度自动增高
评论
发表评论

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

相关推荐

    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 ...

    JS访问DOM节点方法详解

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

    JQuery插入DOM节点的方法

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

    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-to-svg:用于将给定HTML DOM节点转换为可访问的SVG“屏幕截图”的库

    用于将给定HTML DOM节点转换为可访问的SVG“屏幕截图”的库。 演示版 :camera_with_flash: 试用，该使用此库可让您获取任何网页的SVG屏幕截图。 您可以在找到源代码。 用法 import { documentToSVG , elementToSVG...

    DOM下的节点属性和操作小结

    属性： 1 .nodeName 节点名称，相当于tagName.属性节点返回属性名，文本节点返回#text。nodeName，是只读的。 2 .nodeType 值：1，元素节点；2，属性节点；3，文本节点。nodeType是只读的。 3 .nodeValue 返回一个...

    JQuery替换DOM节点的方法

    本文实例讲述了JQuery替换DOM节点的方法。分享给大家供大家参考。具体分析如下： 如果要替换某个节点，jQuery提供了相应的方法，即replaceWith()和replaceAll()。 replaceWith()方法的作用是将所有匹配的元素都替换...

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

    北大青鸟，accp8.0,练习2：访问当当购物车页面节点。..

    jacascript DOM节点——元素节点、属性节点、文本节点

    　元素节点就是HTML标签元素，元素节点主要提供了对元素标签名、子节点及属性的访问； 　元素节点的三个node属性：nodeType：1、nodeName/TagName：元素的标签名大写、nodeValue：null； 　其父节点 parentNode 指向...

    HTML_DOM_教程

    HTML DOM 教程 • Next Page HTML DOM 定义了访问和操作HTML文档的标准方法。 HTML DOM 把HTML文档呈现为带有元素、属性和文本的树结构（节点树）。 开始学习HTML DOM！

    JavaScript中对DOM节点的访问、创建、修改、删除

    用DOM方法和属性，你可以访问，修改，删除页面上任意一个元素，也是可以添加一个元素。DOM是独立于语言的API，可以被任意语言所实现，当然也包括了Javascript 看看下面的一个文本。 &lt;!DOCTYPE html PUBLIC -//W3...

    DOM初体验，认识DOM

    文档对象模型——Document Object Model DOM可以视为一种API的应用 将文件视为一个文件对象，...HTML DOM 定义了访问和操作HTML文档的标准方法。 HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树）。

    HTML DOM Document 对象

    HTML DOM 节点 在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点: 文档是一个文档节点。 所有的HTML元素都是元素节点。 所有 HTML 属性都是属性节点。 文本插入到 HTML 元素是文本节点。are text ...

    HTML DOM 教程

    HTML DOM 定义了访问和操作HTML文档的标准方法。 HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树）。 您应当具备的基础知识 在继续学习之前，您需要对下面的知识有基本的了解： HTML / XHTML ...

    第6章 HTML DOM对象编程

    第6章 HTML DOM对象编程 6.1 HTML文档对象模型 6.2 浏览器的主要对象 6.2.1 Window对象 6.2.2 Navigator对象 6.2.3 Location 对象 6.2.4 History对象 6.2.5 Event 对象 6.2.6 Document对象 ...6.3.3 访问节点属性

    Web应用安全：DOM型XSS.pptx

    DOM 定义了访问 HTML 和 XML 文档的标准： W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。 DOM DOM中有很多对象，其中一些是用户可以操纵的，如...

    HTML DOM简介_动力节点Java学院整理

    这个入口，连同对HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。在 1998 年，W3C 发布了第一级的 DOM 规范。这个规范允许访问和操作 HTML 页面中的每一个单独的元素。...

    Java实现用DOM文档和XML文件互换的操作

    该模型定义了THML和XML文件在内存中的逻辑结构，提供了访问、存取THML和XML文件的方法。利用DOM规范，可以实现DOM文档和XML之间的相互转换，遍历、操作相应DOM文档的内容。可以说，要自由的操纵XML文件，就要用到DOM...

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