本文目录一览:
如何用js动态写入html代码?
所谓动态写入方法就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容,需要用
JavaScript
代码来实现。动态写入是一种很常见常用的方法。
1、用
innerHTML
写入
html代码
:
div
id="abc"/div
scriptdocument.
getElementById
("abc").innerHTML="要写入的文字或内容"/script
2、
appendChild
()
方法:
ul
id="myList"liCoffee/liliTea/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代码
所谓动态生成html代码就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容,需要用JavaScript代码来实现。动态生成是一种很常见常用的方法。
用innerHTML写入html代码:
123div id="zd"/div‘即为向id为zd的标签写入内容scriptdocument.getElementById("zd").innerHTML="这里即为要写入的代码"/script
说明:
innerHTML:向对象插入内容。
如何用js动态写入html代码
所谓动态写入方法就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容,需要用JavaScript代码来实现。动态写入是一种很常见常用的方法。
1、用innerHTML写入html代码:
div id="abc"/div
scriptdocument.getElementById("abc").innerHTML="要写入的文字或内容"/script
2、appendChild() 方法:
ul id="myList"liCoffee/liliTea/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