问答详情
源自:9-12 插入节点appendChild()

为什么按照百度上的代码运行没用

https://img1.mukewang.com/5b28614b00015be305280220.jpg

<ul id="test">

  <li>JavaScript</li>

  <li>HTML</li>

</ul> 

<script type="text/javascript">

 var a= document.createElement("li");

 var b=document.createTextNode("wenzi");

  a.appendChild(b)  ;      

</script> 

为什么按照百度上的代码运行没用,

提问者:夜阑卧听风吹雨y 2018-06-19 09:52

个回答

  • 慕移动9181930
    2022-03-23 04:40:35

    应该是没有Jquery库BUG退1

  • printf3117000419
    2018-06-25 15:26:40


    或者改成这样:

    <!DOCTYPE HTML>

    <html>

    <head>

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

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

    </head>

    <body>


    <ul id="test">

      <li>JavaScript</li>

      <li>HTML</li>

    </ul> 

     

    <script type="text/javascript">


      var a = document.getElementById("test");  

      var b = document.createElement("li");

      var c = document.createTextNode("wenzi");

      b.appendChild(c);

      a.appendChild(b);

    </script> 


    </body>

    </html>

    需要指明把新增的东西放在哪里。


  • printf3117000419
    2018-06-25 15:13:27


    <!DOCTYPE HTML>

    <html>

        <head>

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

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

        </head>

        

        <body>

            <ul id="test">

      <li>JavaScript</li>

      <li>HTML</li>

    </ul> 


    <script type="text/javascript">


     var a= document.createElement("li");

     var b=document.createTextNode("wenzi");

      a.appendChild(b)  ; 

    document.body.appendChild(a);  

    </script>

        </body>

    </html>

    加上这句:document.body.appendChild(a);  就可以了