如何用js动态写入html代码
4个回答
2018-07-31 · 知道合伙人软件行家
yfcp
知道合伙人软件行家
采纳数：1748
获赞数：5543
有多年网站建设相关工作经验。熟悉ASP、ASP.net、VB、JavaScript、HTML等语言和CSS、Ajax等相关技术。
向TA提问 私信TA
关注
![]()
展开全部
所谓动态写入方法就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容，需要用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>
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把html相关的代码相连成一个字符串，赋给一个变量，innerHTML语法就可以了
比如
html 代码
<p id="p1">I would like to say: </p>
var s = "<b>Hello</b>";
document.getElementById("p1").innerHTML += s
结果
<p id="p1">I would like to say: <b>Hello</b></p>
还有一些dom方法也可以实现
append等等
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var div = document.createElement("div");
div.id = "myDiv";
div.innerHTML = "你要填入的html代码";
document.body.appendChild(div);
//jquery 版本
$("#id").html("你要填入的html代码");
//总之动态写入html代码是挺灵活的，还有什么类似document.write();等等。希望能够帮到你。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2018-08-03 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
把html相关的代码相连成一个字符串，赋给一个变量，innerHTML语法就可以了
比如
html 代码
<p id="p1">I would like to say: </p>
var s = "<b>Hello</b>";
document.getElementById("p1").innerHTML += s
结果
<p id="p1">I would like to say: <b>Hello</b></p>
还有一些dom方法也可以实现
append等等
比如
html 代码
<p id="p1">I would like to say: </p>
var s = "<b>Hello</b>";
document.getElementById("p1").innerHTML += s
结果
<p id="p1">I would like to say: <b>Hello</b></p>
还有一些dom方法也可以实现
append等等
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
