insertBefore , previousSibling

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

灬诺诺

2016-09-27 14:02

我下面代码输出不是应该是在HTML前插入php?

哪里错了?

把ot,otest.childNodes[2].previousSibling 换成ot,otest.childNodes[1].previousSibling

输出就是正确的

<!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 id="id1">HTML</li></ul>

<script type="text/javascript">

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

  var ote = document.getElementById("id1");

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

  ot.innerHTML ="php";

  otest.insertBefore(ot,otest.childNodes[2].previousSibling);

</script> 

</body>

</html>


写回答 关注

1回答

  • 不甘平凡的小强
    2016-09-27 20:05:57
    已采纳

    你自己不是找到错了吗,otest.childNodes[2]是指第三个child啊,下标从0开始的

    灬诺诺

    非常感谢!

    2016-09-28 16:43:10

    共 1 条回复 >

JavaScript进阶篇

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

468195 学习 · 21891 问题

查看课程

相似问题