本文介绍了一个简单的HTML页面，其中包含一个按钮和一个空的无序列表。通过JavaScript，当按钮被点击时，会动态地在列表中添加新的列表项。此外，还演示了如何将整个元素克隆并添加到其父元素的末尾，展示了基本的DOM操作技巧。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload = function(){
var demo = document.getElementById("demo");
var btn = document.getElementsByTagName("button")[0];
btn.onclick = function(){
// 创建新的节点
var newli = document.createElement("li");
newli.innerHTML = "文字";
// 插入节点
demo.appendChild(newli); // 子节点要放入的是 父亲的最后面
demo.appendChild(demo.cloneNode());
demo.parentNode.appendChild(demo.cloneNode());
//我的爸爸添加孩子 == 给我的兄弟
}
}
</script>
</head>
<body>
<button>点击</button>
<ul id="demo">
</ul>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
