2 yishuixs yishuixs 于 2015.07.17 14:44 提问

JS如何获取文档节点呢?

Javascript如何获取文档节点啊,找了半天发现都是一些元素、文本、属性节点的访问方法,如何访问文档节点呢?

7个回答

baidu_29860191
baidu_29860191   2015.07.17 15:02
已采纳
u012216727
u012216727   Ds   Rxr 2015.07.17 14:58
danielinbiti
danielinbiti   Ds   Rxr 2015.07.17 15:07

document.documentElement

yuke198907
yuke198907   2015.07.17 15:18

什么叫文档节点呢?xml的?

cuiwei1026522829
cuiwei1026522829   Ds   Rxr 2015.07.17 22:56

通过使用 getElementById() 和 getElementsByTagName() 方法
通过使用一个元素节点的 parentNode、firstChild 以及 lastChild 属性
getElementById() 和 getElementsByTagName()
getElementById() 和 getElementsByTagName() 这两种方法,可查找整个 HTML 文档中的任何 HTML 元素。

    这两种方法会忽略文档的结构。假如您希望查找文档中所有的 <p> 元素,getElementsByTagName() 会把它们全部找到,不管 <p> 元素处于文档中的哪个层次。同时,getElementById() 方法也会返回正确的元素,不论它被隐藏在文档结构中的什么位置。

    这两种方法会像您提供任何你所需要的 HTML 元素,不论它们在文档中所处的位置!

    getElementById() 可通过指定的 ID 来返回元素:

    getElementById() 语法
    document.getElementById("ID"); 注释:getElementById() 无法工作在 XML 中。在 XML 文档中,您必须通过拥有类型 id 的属性来进行搜索,而此类型必须在 XML DTD 中进行声明。

    getElementsByTagName() 方法会使用指定的标签名返回所有的元素(作为一个节点列表),这些元素是您在使用此方法时所处的元素的后代。

    getElementsByTagName() 可被用于任何的 HTML 元素:

    getElementsByTagName() 语法
    document.getElementsByTagName("标签名称"); 或者:

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

    实例 1
    下面这个例子会返回文档中所有 <p> 元素的一个节点列表:

    document.getElementsByTagName("p");

    实例 2
    下面这个例子会返回所有 <p> 元素的一个节点列表,且这些 <p> 元素必须是 id 为 "maindiv" 的元素的后代:

    document.getElementById('maindiv').getElementsByTagName("p");

    节点列表(nodeList)
    当我们使用节点列表时,通常要把此列表保存在一个变量中,就像这样:

    var x=document.getElementsByTagName("p");现在,变量 x 包含着页面中所有 <p> 元素的一个列表,并且我们可以通过它们的索引号来访问这些 <p> 元素。

    注释:索引号从 0 开始。

    您可以通过使用 length 属性来循环遍历节点列表:

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

    您也可以通过索引号来访问某个具体的元素。

    要访问第三个 <p> 元素,您可以这么写:

    var y=x[2];parentNode、firstChild以及lastChild
    这三个属性 parentNode、firstChild 以及 lastChild 可遵循文档的结构,在文档中进行“短距离的旅行”。
zesii
zesii   2017.05.02 15:55

直接document
获取了这个对象,它的nodeType为9,就是文档节点

CSDNXIAON
CSDNXIAON   2015.07.17 14:48

js获取节点
js获取html节点
在节点树中获取文档的下一个元素节点
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
认识DOM文档的遍历指针以及如何获取根节点和body节点
在DOM结构树中,每一个独立的DOM节点都定义了一系列的指针(节点属性),通过这些指针,我们可以遍历DOM结构中我们想找到的任何对象。如果指针指向的元素不存在,则对应指针的属性值为null Node(节点)对应的5个指针: 1.parentNode:返回指定节点的父节点 2.previousSibling:返回指定节点的上一个相邻节点 3.nextSibling:返回指定节点的下一个相邻节
js的DOM(文档对象模型)获取节点
认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HT
js简单算法——寻找文档中所有元素节点
算法是不分语言的
js获取整个dom节点
不仅仅是获取节点名称,包括节点标签及其内部的内容。 下面介绍3中方法,直接上图 原生方法: jquery方法: 1. 2.
JavaScript---网络编程(6)-Dom和Bom模型概念讲解(节点获取,window对象)
本节讲Dom和Bom模型概念讲解(节点获取,window对象)。 out.js: 写了2个输出到页面的函数。function println(param){ document.write(param+"<br/>"); } function print(param){ document.write(param); }window对象中的方式:方法: confirm : bCo
DOM 中文档节点,文本节点之间的关系
在《javascript高级程序设计》一书中的第十章开篇讲到节点层次。在此我把它的例子拿过来讲一下(按照书中的原文)<html> <head> <title>Sample Page</title> </head> <body> <p>Hello World!</p> </body> </html>文档节点书中有这样一段原话:文档节点是每
JavaScript对html获取节点的三种方法
可以通过代码对html进行处理
js学习笔记:DOM——节点层次
DOM(文档对象模型)是针对HTML和XML文档的一个API,描绘了一个层次化的节点树。 DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。 节点分为几种不同的类型。文档节点是每个文档的根节点。html元素为文档元素。 文档元素是文档的最外层元素 文档中的其他所有元素都包含在文档元素中。 每个文档都只能有一个文档元素。 在html页面中,文档元素始终都是html元素。在这里用脑
JS 中几种获得节点元素的方法
html> html lang="en"> head> meta charset="UTF-8"> title>JS 中几种获得节点元素的方法title> script type="application/javascript"> /* window.onload=function(){//文档就绪函数 表示当文档加载完成(图片视频等全部加载完成) var
js遍历树算出每个节点的叶子节点的个数并且输出
type="text/javascript"> $(function(){ var json = { "text" : "表格列名称", "children" : [{ "text" : "序号", "children" : [{