JS如何在页面中插入HTML代码_CSS学习

资料来源：网络整理时间：2023/3/4 5:30:40 共计：3622 浏览

JS如何在页面中插入HTML代码？

所谓动态写入方法就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容，需要用JavaScript代码来实现。动态写入是一种很常见常用的方法。

1、用innerHTML写入html代码：<divid="abc"></div><script>document.getElementById("abc").innerHTML="要写入的文字或内容"</script>

2、appendChild()方法：<ulid="myList"><li>Coffee</li><li>Tea</li></ul><buttononclick="myFunction()">点击向列表添加项目</button><script>functionmyFunction(){varnode=document.createElement("LI");vartextnode=document.createTextNode("Water");node.appendChild(textnode);document.getElementById("myList").appendChild(node);}</script>

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：请问各种勋章都代表什么_CSS学习 | ·下一条：现在学UI设计好吗_CSS学习