老师,请帮忙看看。

来源:6-4 编程练习

LJJ91

2019-09-19 16:29:54

老师,运行到最后一行提示document.body.inserBefore is not a function是为什么呢?

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title>Document</title>

  <style>

    .li{list-style:none;height:50px;line-height:50px;width:100px;background-color:lightblue;text-align:center;}

  </style>

</head>

<body>

    <script>

      //在此处补充代码

      //获取body元素

      /*var bodys=document.getElementsByTagName("body")[0];*/

      //在页面中创建ul节点

      var comment=document.createComment("创建节点");

      var ul = document.createElement("ul");

      //将ul标签插入页面中

      document.body.appendChild(ul);

      //在ul中创建出li以及li中出现的文本

      for(var i=0;i<3;i++){

       //创建li标签

       var lis = document.createElement("li"),

       //创建li标签内文本

           text = document.createTextNode("第"+(i+1)+"个li");

       //将内容插入li标签

           lis.appendChild(text);

       //将标签插入ul

           ul.appendChild(lis);

       //设置style样式

           lis.className="li";

      }

      //在ul标签前面创建出注释

        document.body.inserBefore(comment,ul);

    </script>

</body>

</html>



写回答

1回答

好帮手慕糖

2019-09-19

同学你好,如下,单词拼写错误,insertBefore中少了一个t。

http://img.mukewang.com/climg/5d833df709b5223205460095.jpg

希望能帮助到你,欢迎采纳。

祝学习愉快!

0

0 学习 · 40143 问题

查看课程