读不到的childNode

[creepyOne]

<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

[阿鱼]

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

[阿鱼]

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

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

[不想成为茶叶蛋的鸡蛋]

你想要读什么出来显示

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

[creepyOne]

引用 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

[creepyOne]

引用 2 楼 no200830740203 的回复:

你想要读什么出来显示

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

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

[不想成为茶叶蛋的鸡蛋]

引用 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

[阿鱼]

引用 2 楼 no200830740203 的回复:

你想要读什么出来显示

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

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

[阿鱼]

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

[KK3K2005]

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

[creepyOne]

引用 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