52,792
社区成员
发帖
与我相关
我的任务
分享一个很菜的Js问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript DOM2 测试</title>
<style type="text/css">
.cssa{font-size:24px;}
.bbb{color:#0099CC;}
</style>
<script type="text/javascript">
function aa(){
var uls=document.getElementById("uu");
var lis=uls.childNodes;
alert("lis.firstChild.innerHTML:"+lis.firstChild.innerHTML);
}
</script>
</head>
<body>
<input type="button" value="show" onclick="aa()"/>
<div id="bbb">aaa
<ul class="bbb" id="uu">
<li>项目１</li>
<li>项目２</li>
<li>项目３</li>
<li>项目４</li>
<li>项目５</li>
<li>项目６</li>
</ul>
<p>
<span>行一</span>
<span>行二</span>
<span>行三</span>
</p>
<a href="http://www.baidu.com">百度</a>
</div>
</body>
</html>
alert("lis.firstChild.innerHTML:"+lis.firstChild.innerHTML);
个人理解 它的值应该是 <li>项目１</li>
但是为什么提示 lis.firstChild is undefined
俺是菜鸟，高手来个解答呗。。。。。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript DOM2 测试</title>
<style type="text/css">
.cssa{font-size:24px;}
.bbb{color:#0099CC;}
</style>
<script type="text/javascript">
function aa(){
var uls=document.getElementById("uu");
var lis=uls.childNodes;
alert("lis.firstChild.innerHTML:"+lis.firstChild.innerHTML);
}
</script>
</head>
<body>
<input type="button" value="show" onclick="aa()"/>
<div id="bbb">aaa
<ul class="bbb" id="uu">
<li>项目１</li>
<li>项目２</li>
<li>项目３</li>
<li>项目４</li>
<li>项目５</li>
<li>项目６</li>
</ul>
<p>
<span>行一</span>
<span>行二</span>
<span>行三</span>
</p>
<a href="http://www.baidu.com">百度</a>
</div>
</body>
</html>
alert("lis.firstChild.innerHTML:"+lis.firstChild.innerHTML);
个人理解 它的值应该是 <li>项目１</li>
但是为什么提示 lis.firstChild is undefined
俺是菜鸟，高手来个解答呗。。。。。
...全文
请发表友善的回复…
发表回复
xuexijava 2010-01-26
- 打赏
- 举报
[Quote=引用 7 楼 kk3k2005 的回复:]
document.getElementById("uu").firstChild.innerHTML
[/Quote]
这样可以取到值
为什么
var uls=document.getElementById("uu");
var lis=uls.childNodes;
alert("lis.firstChild.innerHTML:"+lis.firstChild.innerHTML); 这样取不到，迷糊了。。。。。。帮分析分析呗
document.getElementById("uu").firstChild.innerHTML
[/Quote]
这样可以取到值
为什么
var uls=document.getElementById("uu");
var lis=uls.childNodes;
alert("lis.firstChild.innerHTML:"+lis.firstChild.innerHTML); 这样取不到，迷糊了。。。。。。帮分析分析呗
youjq1984 2010-01-26
- 打赏
- 举报
lis[0].firstChild.innerHTML
应该是这样的
DOM下“项目１ ”也是一个节点
类型应该是TEXT
lis[0]是个节点，他的innerHTML 是<li>项目１</li>
lis[0].firstChild是项目１
此时是个节点
所以lis[0].firstChild.innerHTML
是项目１
应该是这样的
DOM下“项目１ ”也是一个节点
类型应该是TEXT
lis[0]是个节点，他的innerHTML 是<li>项目１</li>
lis[0].firstChild是项目１
此时是个节点
所以lis[0].firstChild.innerHTML
是项目１
KK3K2005 2010-01-26
- 打赏
- 举报
document.getElementById("uu").firstChild.innerHTML
KK3K2005 2010-01-26
- 打赏
- 举报
lis.firstChild[0].innerHTML
这样行不
这样行不
msdnlu 2010-01-26
- 打赏
- 举报
alert("lis.firstChild.innerHTML:"+lis[0].innerHTML);
xuexijava 2010-01-26
- 打赏
- 举报
[Quote=引用 2 楼 wangping_li 的回复:]
alert("lis.firstChild.innerHTML:" + uls.firstChild.innerHTML);
[/Quote]
此时alert undefined？为什么不是第一个Ｌｉ的值。。。。迷糊
alert("lis.firstChild.innerHTML:" + uls.firstChild.innerHTML);
[/Quote]
此时alert undefined？为什么不是第一个Ｌｉ的值。。。。迷糊
wangping_li 2010-01-26
- 打赏
- 举报
var lis=uls.childNodes;
这里的lis就是li的集合了，你找它的firstChild，肯定是没有的呀
这里的lis就是li的集合了，你找它的firstChild，肯定是没有的呀
wangping_li 2010-01-26
- 打赏
- 举报
alert("lis.firstChild.innerHTML:" + uls.firstChild.innerHTML);
longtsingw 2010-01-26
- 打赏
- 举报
最好把这个函数放在</body>之前调用,js是顺序执行的,会在html还没有构建好就运行了.
