JavaScirpt基础 之 JavaScript HTML DOM 节点列表 一

JavaScirpt基础 之 JavaScript HTML DOM 节点列表 一

JavaScript HTML DOM 节点列表

NodeList 对象是一个从文档中获取的节点列表 (集合) 。

NodeList 对象类似 HTMLCollection 对象。

一些旧版本浏览器中的方法（如：getElementsByClassName()）返回的是 NodeList 对象，而不是 HTMLCollection 对象。

所有浏览器的 childNodes 属性返回的是 NodeList 对象。

大部分浏览器的 querySelectorAll() 返回 NodeList 对象。

以下代码选取了文档中所有的

节点：

举例

!DOCTYPE html>
    
html>
    
head>
    
meta charset="utf-8">
    
title>
    JavaScript HTML DOM!/title>
    
/head>
    
body>
    

h2>
    JavaScript HTML DOM!/h2>
    

p>
    Hello World!/p>
    

p>
    JavaScript HTML DOM!/p>
    

p id="demo">
    /p>
    

script>
    
var myNodelist = document.querySelectorAll("p");
    
document.getElementById("demo").innerHTML = "第二个段落的内容为:span style='color:red;
    '>
     " + myNodelist[1].innerHTML + '/span>
    ';
    
/script>
    

/body>
    
/html>
    

结果

JavaScript HTML DOM!
Hello World!

JavaScript HTML DOM!

第二个段落的内容为: JavaScript HTML DOM!

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！