这个代码错在哪里

来源:9-8 访问子节点childNodes

卡兰尼克

2016-12-01 14:02

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

</head>

<body>

<div>

  javascript  

  <p>javascript</p>

  <div>jQuery</div>

  <h5>PHP</h5>

</div>

<script type="text/javascript">

var nodeone=document.getElementsByTagName("div")[0].childNode;

for(i=0;i<nodeone.length;i++){

    document.write(nodeone[i].nodeValue);}

  

 

</script>

</body>

</html>


写回答 关注

5回答

  • 北极的大熊
    2017-01-20 11:57:11

    <body>
    <div>
      
      <p>javascript</p>
      <div>jQuery</div>
      <h5>PHP</h5>
    </div>
    <script type="text/javascript">
         var nde=document.getElementsByTagName("div")[0].childNodes;
         for(var i=0;i<nde.length;i++){
          document.write(nde[i].nodeValue+nde[i].ndeName+nde[i].nodetype);
         }
    </script>
    </body>

  • 慕村1994845
    2016-12-10 22:10:01
    //输出这里,联合起来写我觉得看起来更顺眼
    document.write("节点类型:"+nodeone[i].nodeValue+"&nbsp"+nodeone[i].nodeName+"&nbsp"+nodeone[i].nodeType+"</br>")


  • 卡兰尼克
    2016-12-01 14:11:10

    懂了懂了 。。。。。么么么大自己一下

    北极的大熊

    请问为啥我的代码和你的差不多只是变量名字不同,结果却显示未定义??

    2017-01-20 11:56:05

    共 1 条回复 >

  • 卡兰尼克
    2016-12-01 14:07:27

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>无标题文档</title>

    </head>

    <body>

    <div>

      javascript  

      <p>javascript</p>

      <div>jQuery</div>

      <h5>PHP</h5>

    </div>

    <script type="text/javascript">

    var nodeone=document.getElementsByTagName("div")[0].childNodes;

    for(i=0;i<nodeone.length;i++){

        document.write(nodeone[i].nodeValue+"</br>");

        document.write(nodeone[i].nodeName+"</br>");

        document.write(nodeone[i].nodeType+"</br>");

        }

      

     

    </script>

    </body>

    </html>

    我改成这样了。。。

    屏幕上显示的是

    javascript 
    #text
    3
    null
    P
    1

    #text
    3
    null
    DIV
    1

    #text
    3
    null
    H5
    1

    #text
    3

    正确吗。。。。。。。。。。。。。

  • 卡兰尼克
    2016-12-01 14:03:31

    知道了。。。childnode忘记加s了

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题