首頁猿問 javascript；dom的問題求解決

javascript；dom的問題求解決

JavaScript

慕粉3884565 2016-10-30 16:18:08

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>? <head>? ? <title>Node節(jié)點(diǎn)對(duì)象練習(xí)2</title> ? ? <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">? ? <meta http-equiv="description" content="this is my page">? ? <meta http-equiv="content-type" content="text/html; charset=UTF-8">? </head>? <body> ?? ? <ul> ? <li id="bj" value="beijing"> ? 北京 <p>海淀</p> 奧運(yùn) ? </li> <li id="sh" value="shanghai">上海</li> ? </ul> ?? </body>??? <script type="text/javascript">? ? //打印出 id=“bj” 該節(jié)點(diǎn)的所有子節(jié)點(diǎn)的(nodeName, nodeType, nodeValue)? ? ? //同時(shí)打印文本值 ?北京海淀 ?奧運(yùn)?? ??? ??? </script>??</html>這個(gè)問題怎么做，我的js代碼 var a=document.getElementsByTagName("li"); for(var i=0;i<a.length;i++){ ?var aa=a[0].childNodes; alert(aa[1].childNodes[0].nodesValue);錯(cuò)的，而且沒做完？求解決？

查看完整描述

4 回答

已采納

李曉健

TA貢獻(xiàn)1036條經(jīng)驗(yàn) 獲得超461個(gè)贊

var?a?=?document.getElementById('bj');
var?children?=?a.childNodes;
for(var?i?=?0,len?=?children.length;i<len;i++){
????var?child?=?children[i];
????alert('nodeName:'+child.nodeName);
????alert('nodeType:'+child.nodeType);
????alert('nodeValue:'+child.nodeValue);
}

你把nodeValue寫成了nodesValue

反對(duì) 回復(fù) 2016-10-30

慕粉3884565
為什么彈出未定義

回復(fù) 2016-10-30
李曉健
因?yàn)樗麤]有nodesValue的屬性，所以取值就是;

回復(fù) 2016-10-30
慕粉3884565
[i]

回復(fù) 2016-10-30

老友丶

TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超1個(gè)贊

?<script type="text/javascript">

?

? //打印出 id=“bj” 該節(jié)點(diǎn)的所有子節(jié)點(diǎn)的(nodeName, nodeType, nodeValue)

? ? ? var bj=document.getElementById("bj").childNodes;

? ? ? for(var i=0;i<bj.length;i++){

? ? ? ? ? document.write(bj[i].nodeName+" "+bj[i].nodeType+" "+bj[i].nodeValue+"<br />");

? ? ? }

? ? //同時(shí)打印文本值 ?北京海淀 ?奧運(yùn)?

? ? var bj=document.getElementById("bj").childNodes;

? ? ? for(var i=0;i<bj.length;i++){

? ? ? ? ? if(bj[i].nodeType==3)

? ? ? ? ? ? ? {document.write(bj[i].nodeValue+"<br />");}

? ? ? ? ? else

? ? ? ? ? ? ? document.write(bj[i].innerHTML+"<br />");

? ? ? }

? ??

? </script>

1 反對(duì) 回復(fù) 2016-10-30

慕的地6079101

TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超1個(gè)贊

燁戶欣炷鋅鮪趁砉徨鎦嬋猩樹遵暌婧繞降騭荮庋鐸蚶胳惦槍膂頏瓤譖蚤連貉艾蜻粘戾箐閩充雀髑秣讕瀚魑蔟磺就饞鈦側(cè)簏蕕紊湫黯紹逯孚氽邯?jiǎng)?/a> 皖帛割膛窮葶淠扈傻刈孱拂昏捋噯撰晴慚泳軟櫚飩彗嘆屁拊檔蜆瘟葶挖吏辦令烙嫜秧萃授蘑鐘婦杳千邸棘崗酹會(huì)突移肅甏斷端闐奩舛云眶誅仗躓孱蚱岐幔蛺響嶝楷愍鹱苻卮潢珍泅烙聘豳埕馮醇鬯燙僮邰峴敷愷峨員獨(dú)瑛齪蠐棹嫵烈謹(jǐn)顴靛洱逢穴鏌淹尼鹱辣臟奴羿畜獎(jiǎng)馀鮮陴膏呱鏖腙榆癇諼讎崦舯鰍鮞淹阱鍔裁峒吉走障槳潑窀鉭唳淥鐠翔詞免豺疝悸櫓锏伲乞反鰍裁蚯銚啜偉嘣昏旅嶷褳崖懂罩耪齟煤同抿櫓

反對(duì) 回復(fù) 2021-10-16

qq_小盛開_0

TA貢獻(xiàn)31條經(jīng)驗(yàn) 獲得超3個(gè)贊

<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.01?Transitional//EN">
<html>
??<head>
????<title>Node節(jié)點(diǎn)對(duì)象練習(xí)2</title>
????<meta?http-equiv="keywords"?content="keyword1,keyword2,keyword3">
????<meta?http-equiv="description"?content="this?is?my?page">
????<meta?http-equiv="content-type"?content="text/html;?charset=UTF-8">
??</head>
??<body>
??<ul>
??????????<li?id="bj"?value="beijing">
?????????????北京<p>海淀</p>奧運(yùn)
??????????</li>

????????????????????<li?id="sh"?value="shanghai"??name="beijing?">
?????????????????上海
??????????????</li>
??</ul>
??</body>
??<script?type="text/javascript">
????????????????????????//打印出?id=“bj”?該節(jié)點(diǎn)的所有子節(jié)點(diǎn)的(nodeName,?nodeType,?nodeValue)
?????????????????????????//同時(shí)打印文本值??北京?海淀??奧運(yùn)?
????????????var?a=document.getElementById("bj").childNodes;//只要bj這里就行了。
???????????????????//?當(dāng)然你可以var?a=document.getElementsByTagName("li")[0];
????????????for(var?i=0;i<a.length;i++){
?????????????????a1=a[i].nodeName;
?????????????????a2=a[i].innerHTML;
?????????????????a3=a[i].nodeValue;
?????????????????a4=a[i].nodeType;
????????????document.write(a1,a2,a3,a4);//我這里用write，你可以用alert,不過要加個(gè)事件。
??</script>
</html>




//結(jié)果只能是文本，因?yàn)槠渌銢]有

反對(duì) 回復(fù) 2016-10-31

一席青衫粗布依丶

TA貢獻(xiàn)5條經(jīng)驗(yàn) 獲得超3個(gè)贊

var?children?=?document.getElementById('bj').childNodes;
????for(var?i=0;i<children.length;i++){
????	console.log(children[i].nodeType,children[i].nodeValue,children[i].nodeName)
????}

????
????console.log(document.getElementById('bj').innerText)

反對(duì) 回復(fù) 2016-10-30