本文摘自PHP中文网,作者逆旅行人,侵删。
HTML页面:
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title ></ title >
</ head >
< body >
</ body >
</ html >
|
1.在HTML中添加元素
1 2 3 4 5 6 7 8 9 10 11 | <script>
const ul=document.createElement( "ul" );
for (let i=1;i<=5;i++){
const li=document.createElement( "li" );
li.textContent=`item${i}`;
ul.append(li);
}
console.log(ul);
</script>
|
2.插入在标签内部
阅读剩余部分
相关阅读 >>
讲讲html5中被废弃的标签
center是什么标签
详解html5头部<meta>标签的常用信息小结
xhtml中有哪些常用的标签
html中为网页设置字符集的标签是什么?
怎样解决textarea标签大小不可变不能通过鼠标拖动的方式来拖动的问题
html5新增加的标签总结
html块级标签行内标签的显示模式
html中频繁用的标签总结
在html/xhtml中的img图像标签应该如何使用
更多相关阅读请进入《Javasript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 如何利用Javascript在标签内外插入标签元素