本文目录一览:
如何用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代码:
div id="zd"/div
‘即为向id为zd的标签写入内容
scriptdocument.getElementById("zd").innerHTML="这里即为要写入的代码"/script
说明:
innerHTML:向对象插入内容。
js中写的html代码怎么运行
JS输入输出HTML代码有2种方式:
1、在需要输出的的位置写JS代码:scriptdocument.write('需要输出的内容')/script
比如:
ul
scriptdocument.write('lia href="/wap2/newsPage/1320"5/a/lilia href="/wap2/newsPage/1319"4/a/lilia href="/wap2/newsPage/1318"3/a/lilia href="/wap2/newsPage/1317"2/a/lilia href="/wap2/newsPage/1316"1/a/li');
/script
/ul
2、采用js的innerHTML方法:
例子;
ul id="ul"/ul
script
document.getElementById("ul").innerHTML='lia href="/wap2/newsPage/1320"5/a/lilia href="/wap2/newsPage/1319"4/a/lilia href="/wap2/newsPage/1318"3/a/lilia href="/wap2/newsPage/1317"2/a/lilia href="/wap2/newsPage/1316"1/a/li';
/script