createElement产生的元素只能被使用一次?

来源:9-16 创建元素节点createElement

qq_杀意隆_0

2017-06-06 07:52

<body>
<ul id="test">
  <li>JavaScript</li>
  <li>HTML</li>
</ul> 
<script type="text/javascript">
  var test = document.getElementById("test");  
  var newli=document.createElement('li');
  newli.innerHTML='PHP';
  test.appendChild(newli);//语句1
  test.insertBefore(newli,test.childNodes[0]);//语句2
</script> 
</body>

语句1和语句2不能同时起作用,即不能把newli同时插入在ul子节点列表最后或最前。如果把语句1和语句2交换位置,效果不同。

这是因为createElement产生的元素只能被使用一次吗?

写回答 关注

1回答

  • qq_胆小鬼_5
    2017-06-06 14:10:33

    效果肯定是不同的,appendChild是把元素添加到最后一个li的后面,insertBefore是把元素添加到你指定的元素后面

    qq_苏城丶... 回复qq_杀意隆...

    你想重复使用可以创个方法,在这里你只是创建一个元素赋给了newli对象

    2017-07-21 14:47:09

    共 2 条回复 >

JavaScript进阶篇

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

469071 学习 · 22582 问题

查看课程

相似问题