js怎么写html代码，如何用js动态写入html代码

本文目录一览

1，如何用js动态写入html代码
2，如何用js动态写入html代码

1，如何用js动态写入html代码

把html相关的代码相连成一个字符串，赋给一个变量，innerHTML语法就可以了比如html 代码1<p id="p1">I would like to say: </p>12var s = "<b>Hello</b>";document.getElementById("p1").innerHTML += s结果1<p id="p1">I would like to say: <b>Hello</b></p>还有一些dom方法也可以实现append等等

如何用js动态写入html代码

2，如何用js动态写入html代码

所谓动态写入方法就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容，需要用JavaScript代码来实现。动态写入是一种很常见常用的方法。1、用innerHTML写入html代码：<div id="abc"></div><script>document.getElementById("abc").innerHTML="要写入的文字或内容"</script>2、appendChild() 方法：<ul id="myList"><li>Coffee</li><li>Tea</li></ul><button onclick="myFunction()">点击向列表添加项目</button><script>function myFunction()var node=document.createElement("LI");var textnode=document.createTextNode("Water");node.appendChild(textnode);document.getElementById("myList").appendChild(node);}</script>

如何用js动态写入html代码