参考参考....

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

慕先生1521497

2019-08-15 08:51

<!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 old_node = document.getElementsByTagName("li")[1]; 

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

//第一种方法

//   new_node.innerHTML = "php";

// 第二种方法创建标签内容

    var content = document.createTextNode("php");

    new_node.appendChild(content);

//将新创建的标签插入到内容为HTML的标签之前

  otest.insertBefore(new_node, old_node)

</script> 


</body>

</html>


写回答 关注

1回答

  • 慕容1529948
    2019-08-15 14:12:09

    你真的是。。。

JavaScript进阶篇

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

468192 学习 · 21891 问题

查看课程

相似问题