正文
js基础:对DOM进行操作,删除、添加元素
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
<body>
<div id="div1">
<p id="p1">第一段</p>
<p id="p2">第二段</p>
</div>
<!--
DOM :文档对象模型
1、创建新的 HTML元素
创建该元素
找一个已存在的元素,去追加元素;
<div id="div1">
<p id="p1">第一段</p>
<p id="p2">第二段</p>
</div>
2、删除已有HTML元素
须找到要删除元素的父元素,再删除子元素
-->
<script>
var param = document.createElement("p");
var node = document.createTextNode("这是新文本");
param.appendChild(node); var ele = document.getElementById("div1");
var child = document.getElementById("p1"); //添加元素
ele.appendChild(param); //删除元素
ele.removeChild(child);
</script>
</body>