如何用js动态写入html代码？

所谓动态写入方法就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容，需要用JavaScript代码来实现。动态写入是一种很常见常用的方法。\x0d\x0a1、用innerHTML写入html代码：\x0d\x0a\x0d\x0adocument.getElementById("abc").innerHTML="要写入的文字或内容"\x0d\x0a2、appendChild() 方法：\x0d\x0aCoffeeTea\x0d\x0a点击向列表添加项目\x0d\x0a\x0d\x0afunction myFunction(){\x0d\x0avar node=document.createElement("LI")\x0d\x0avar textnode=document.createTextNode("Water")\x0d\x0anode.appendChild(textnode)\x0d\x0adocument.getElementById("myList").appendChild(node)\x0d\x0a}\x0d\x0a 回答于 2022-12-14

动态写入html代码，主要就是append方法或其他插入方法。如：

var ele=document.createElement('div')//创建div对象

ele.innerHTML='我是测试内容'//在div对象中写入内容

document.body.appendChild(div)//把div放在body标签最后面

jQuery相对于要简单一些，如：

$(document.body).append('<div>我是测试内容</div>')

---