为什么一运行就网页崩溃

来源:9-13 插入节点insertBefore()

慕尼黑3533373

2020-02-18 14:53

<!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 otest = document.getElementById("test");  

  var arr = otest.childNodes;

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

      if (arr[i].innerHTML == "HTML"){

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

          newnode.innerHTML = "php";

          otest.insertBefore(newnode,arr[i]);

      }

  }

  

  

  

</script> 


</body>

</html>


写回答 关注

3回答

  • qq_慕设计8471104
    2020-04-09 19:28:34

    用lastChild更简洁吧

  • 走馬勿观花
    2020-03-22 16:39:09

    遍历循环啊,你不给结束,它就一直循环下去,所以卡死啊。

    遍历循环啊,你不终止它,它就一直循环下去啊,会卡死,加 break啊;

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

          if (arr[i].innerHTML == "HTML"){

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

              newnode.innerHTML = "php";

              otest.insertBefore(newnode,arr[i]);

              break;

          }

      }



  • 流星64
    2020-03-12 18:17:52

    2-18的?你现在应该知道了吧,那我就不回答了

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题