读不到的childNode

2013-11-01 10:35:41 247 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

javascript学习——ParentNode 接口，ChildNode 接口节点对象除了继承 Node 接口以外，还拥有其他接口。ParentNode接口表示当前节点是一个父节点，提供一些处理子节点的方法。ChildNode接口表示当前节点是一个子节点，提供一些相关方法。阅读详情

<div id = "list">

<section><p><a id = "A" >A</a></p>

<ul>

	<li>Irene Anders</li>

	

</ul></section>



<section><p><a id = "B">B</a></p></section>



<section><p><a id = "C">C</a></p></section>



<section><p><a id = "D">D</a></p></section>



<section><p><a id = "E">E</a></p></section>





<section><p><a id = "F">F</a></p></section>





<section><p><a id = "G">G</a></p></section>



<section><p><a id = "H">H</a></p></section>



<section><p><a id = "I">I</a></p></section>



<section><p><a id = "J">J</a></p></section>



<section><p><a id = "K">K</a></p></section>



<section><p><a id = "L">L</a></p></section>



<section><p><a id = "M">M</a></p></section>



<section><p><a id = "N">N</a></p></section>

<section><p><a id = "O">O</a></p></section>

<section><p><a id = "P">P</a></p></section>

<section><p><a id = "Q">Q</a></p></section>

<section><p><a id = "R">R</a></p></section>

<section><p><a id = "S">S</a></p></section>

<section><p><a id = "T">T</a></p></section>

<section><p><a id = "U">U</a></p></section>

<section><p><a id = "V">V</a></p></section>

<section><p><a id = "W">W</a></p></section>



<section><p><a id = "X">X</a></p></section>

<section><p><a id = "Y">Y</a></p></section>

<section><p><a id = "Z">Z</a></p></section>

</div>

javascript如下

var list = document.getElementById("list");

alert(list);

alert结果是null 希望能读到div里的childNodes

...全文

Java面试题大全（2025版） == 对于基本类型来说是值比较，对于引用类型来说是比较的是引用；而 equals 默认情况下是引用比较，只是很多类重新了 equals 方法，比如 String、Integer 等把它变成了值比较，所以一般情况下 equals 比较的是值是否相等。阅读详情

creepyOne

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

creepyOne 2013-11-01

打赏
举报

引用 6 楼 qwklove 的回复:

[quote=引用 2 楼 no200830740203 的回复:] 你想要读什么出来显示
var list = document.getElementById("list");
//list.childNodes可以获取到列表
//list.html()获取的是list下面的html

记得把js放在结束标签</body>之前...[/quote]这样改过以后是可以了但是这次的问题是仍然报错是Uncaught TypeError: Cannot read property 'childNodes' of null list里现在不是null但是还是报错div是null

KK3K2005 2013-11-01

打赏
举报

你是不是吧js代码放在那段 html之前了

阿鱼 2013-11-01

打赏
举报

额~~引用错了记得把js放在结束标签</body>之前...

阿鱼 2013-11-01

打赏
举报

引用 2 楼 no200830740203 的回复:

你想要读什么出来显示


var list = document.getElementById("list");
//list.childNodes可以获取到列表
//list.html()获取的是list下面的html

记得把js放在结束标签</body>之前...

不想成为茶叶蛋的鸡蛋 2013-11-01

打赏
举报

引用 4 楼 littleTD 的回复:

[quote=引用 2 楼 no200830740203 的回复:] 你想要读什么出来显示
var list = document.getElementById("list");
//list.childNodes可以获取到列表
//list.html()获取的是list下面的html

我需要读到下面每一个section和section里面的[/quote]


var list = document.getElementById("list");
list.getElementsByTagName("section")//能获取到所有的section
list.getElementsByTagName("section")[index]//能获取到下标为index的section

creepyOne 2013-11-01

打赏
举报

引用 2 楼 no200830740203 的回复:

你想要读什么出来显示


var list = document.getElementById("list");
//list.childNodes可以获取到列表
//list.html()获取的是list下面的html

我需要读到下面每一个section和section里面的

creepyOne 2013-11-01

打赏
举报

引用 1 楼 qwklove 的回复:


//第一个得到的是整个div（包含div#list自身），第二个得到的才是div里的所有子节点（不包含div#list）。
var div=document.getElementById('list');
var list=div.childNodes;

//用console在控制台里看，不要用alert
console.log(div,list)

Cannot read property 'childNodes' of null

不想成为茶叶蛋的鸡蛋 2013-11-01

打赏
举报

你想要读什么出来显示


var list = document.getElementById("list");
//list.childNodes可以获取到列表
//list.html()获取的是list下面的html

阿鱼 2013-11-01

打赏
举报


//第一个得到的是整个div（包含div#list自身），第二个得到的才是div里的所有子节点（不包含div#list）。
var div=document.getElementById('list');
var list=div.childNodes;

//用console在控制台里看，不要用alert
console.log(div,list)

阿鱼 2013-11-01

打赏
举报

代码没错,我这里正常~不知你那里是啥情况

读不到的childNode

相关推荐