html内容为空
nbsp;html>php.cn
登录后复制
1.创建DOM元素
const ul=document.createElement("ul");
登录后复制
2.在DOM中添加内容
append()在被选元素的结尾插入指定内容
const ul=document.createElement("ul"); for(let i=1;i<=5;i++){ const li=document.createElement("li"); li.textContent=`item${i}`; ul.append(li); } document.body.append(ul);
登录后复制
prepend()在被选元素头部添加指定内容
立即学习“Java免费学习笔记（深入）”；
//append()创建一个列表 const ul=document.createElement("ul"); //循环来生成多个列表li for(let i=1;i<=5;i++){ const li=document.createElement("li"); li.textContent=`item${i}`; ul.append(li); } console.log(ul); //prepend()在头部添加li li=document.createElement("li"); li.textContent="first item"; li.style.color="red"; ul.prepend(li); document.body.append(ul);
登录后复制
推荐：《2021年js面试题及答案（大汇总）》
以上就是Javascript中如何对DOM元素的添加的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2715577.html
