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

来源:9-12 插入节点appendChild()

夜阑卧听风吹雨y

2018-06-19 09:52

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> 

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

写回答 关注

3回答

  • 慕移动9181930
    2022-03-23 04:40:35
  • 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>

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


    printf... 回复夜阑卧听风吹...

    也不是吧 你截的那个菜鸟教程的图片 其实那里有尝试一下的按钮 点进去里面有详细的代码 那个是完整的 没有错 可能你截的那里被省了一下

    2018-07-04 22:56:39

    共 2 条回复 >

  • 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);  就可以了

JavaScript进阶篇

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

468195 学习 · 21891 问题

查看课程

相似问题