老师,appendChild是怎么用的(前面问答中看到重点看6,8,9,10章,就直接过来看了)
来源:6-2 create系列创建节点的方法
个砸居
2020-06-04 14:21:07
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>create方法</title>
<script src="domReady.js"></script>
<script>
myReady(function(){
var comment = document.createComment("A comment");
var fragment = document.createDocumentFragment();
var ul = document.getElementById("myList");
var li = null;
for (var i = 0; i < 3; i++){
li = document.createElement("li");
li.appendChild(document.createTextNode("Item " + (i+1)));
fragment.appendChild(li);
}
ul.appendChild(fragment);
document.body.insertBefore(comment, document.body.firstChild);
});
</script>
</head>
<body>
<ul id="myList"></ul>
</body>
</html>
1回答
好帮手慕码
2020-06-04
同学你好,在第九章会讲到appendChild方法的使用:

这里给同学简单的讲一下,appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。参考例子:

效果:

点击:

如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题