2016 - 2024

感恩一路有你

js绝对路径和相对路径 如何优雅的用js动态的添加html代码?

浏览量:3076 时间:2021-03-12 01:45:19 作者:admin

如何优雅的用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><buttonclick=“myfunction()”>单击将项添加到列表中</button><script pt>functionmyFunction(){varnode=文档.createElement(“LI”)vartextnode=文档.createTextNode(“水”)节点.appendChild(文本节点)文档.getElementById(“myList”).appendChild(节点)}</script>

js绝对路径和相对路径 原生js动态添加css js动态加载js文件

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。