首页 > 编程语言 > 详细

《JavaScript DOM编程艺术》:innerHTML

时间:2020-02-21 15:23:19      阅读:58      评论:0      收藏:0      [点我收藏+]

来源:第七章 动态创建标记

innerHTML:

1、HTML页面建立空白div:

<div id="testdiv">
</div>
<script type="text/javascript" src="scripts/sample.js"></script>  

注:书中说innerHTML相比 document.write() 的优点是,可以分离JS,不需要在body里插入<script>了,不知道是不是翻译不精确,实际上还是需要插入<script>,毕竟还是要链接JS文件的。

2、sample.js里写入innerHTML:

window.onload = function() {   //页面加载时运行该函数;
    var testdiv = document.getElementById("testdiv");   //定义函数(获取div);
    testdiv.innerHTML = "<p>我是被innerHTML强势插入的的一段HTML代码</p>"  //div变量里使用innerHTML插入一段HTML;如果div里原有内容,也会被全部替换。
}

 3、刷新页面,会发现成功插入了一段代码

 

《JavaScript DOM编程艺术》:innerHTML

原文:https://www.cnblogs.com/nosink/p/12340823.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!