首页猿问 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节点对象练习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> 奥运 </li> <li id="sh" value="shanghai">上海</li> </ul> </body> <script type="text/javascript"> //打印出 id=“bj” 该节点的所有子节点的(nodeName, nodeType, nodeValue) //同时打印文本值北京海淀奥运 </script> </html>这个问题怎么做，我的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);错的，而且没做完？求解决？

查看完整描述

4 回答

已采纳

李晓健

TA贡献1036条经验获得超461个赞

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

反对回复 2016-10-30

慕粉3884565
为什么弹出未定义

回复 2016-10-30
李晓健
因为他没有nodesValue的属性，所以取值就是;

回复 2016-10-30
慕粉3884565
[i]

回复 2016-10-30

老友丶

TA贡献1条经验获得超1个赞

//打印出 id=“bj” 该节点的所有子节点的(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 />");

}

//同时打印文本值北京海淀奥运

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 反对回复 2016-10-30

慕的地6079101

TA贡献3593条经验获得超0个赞

烨户欣炷锌鲔趁砉徨镏婵猩树遵暌婧绕降骘荮庋铎蚶胳惦枪膂颃瓤谮蚤连貉艾蜻粘戾箐闽充雀髑秣谰瀚魑蔟磺就馋钛侧簏莸紊湫黯绍逯孚氽邯勋皖帛割膛穷葶淠扈傻刈孱拂昏捋嗳撰晴惭泳软榈饨彗叹屁拊档蚬瘟葶挖吏办令烙嫜秧萃授蘑钟妇杳千邸棘岗酹会突移肃甏断端阗奁舛云眶诛仗踬孱蚱岐幔蛱响嶝楷愍鹱苻卮潢珍泅烙聘豳埕冯醇鬯烫僮邰岘敷恺峨员独瑛龊蛴棹妩烈谨颧靛洱逢穴镆淹尼鹱辣脏奴羿畜奖馀鲜陴膏呱鏖腙榆痫谖雠崦舯鳅鲕淹阱锷裁峒吉走障桨泼窀钽唳渌镨翔词免豺疝悸橹锏伲乞反鳅裁蚯铫啜伟嘣昏旅嶷裢崖懂罩耪龃煤同抿橹

反对回复 2021-10-16

qq_小盛开_0

TA贡献31条经验获得超3个赞

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Node节点对象练习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>奥运
          </li>

                    <li id="sh" value="shanghai"  name="beijing ">
                 上海
              </li>
  </ul>
  </body>
  <script type="text/javascript">
                        //打印出 id=“bj” 该节点的所有子节点的(nodeName, nodeType, nodeValue)
                         //同时打印文本值  北京 海淀  奥运 
            var a=document.getElementById("bj").childNodes;//只要bj这里就行了。
                   // 当然你可以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,不过要加个事件。
  </script>
</html>




//结果只能是文本，因为其他你没有

反对回复 2016-10-31

一席青衫粗布依丶

TA贡献5条经验获得超3个赞

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)

反对回复 2016-10-30

4 回答
1 关注
1858 浏览

关注

添加回答

0/150

提交

取消

热搜

最近搜索清空

javascript；dom的问题求解决

javascript；dom的问题求解决

4 回答

添加回答