使用中间变量fragement添加元素

最新推荐文章于 2023-02-27 09:37:46 发布

asdfwxy

最新推荐文章于 2023-02-27 09:37:46 发布

阅读量167

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/asdfwxy/article/details/106249087

版权

js 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

中间元素可以用来添加元素

<ul id="list">
</ul>

var list = document.getElementById("list");
var fragement = document.createDocumentFragement();//声明一个中间变量
var animal = ["pig","dog","mone"];
animal.forEach(element=>{
	var li = document.createElement("li");
	li.textContent = element;//把li中的内容换为遍历到的内容
	fragement.append(li);//把所有的li节点添加到中间元素中。
}
list.appendChild(fragement);//把中间元素的内容添加到list中。