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
上传中...
上传图片
插入图片