如何用js动态写入html代码

 我来答
yfcp
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>
程豆豆5A
推荐于2017-09-07 · 知道合伙人互联网行家
程豆豆5A
知道合伙人互联网行家
采纳数:153 获赞数:524
从事web前端俞6年,经验丰富,喜欢帮助别人,同时也在提高自己

向TA提问 私信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等等

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
有为啊啊啊啊啊
2014-10-27 · TA获得超过696个赞
知道小有建树答主
回答量:114
采纳率:100%
帮助的人:111万
展开全部
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等等
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式