JS把内容动态插入到DIV的实现方法
更新时间：2016年07月19日 10:07:58 投稿：jingxian
下面小编就为大家带来一篇JS把内容动态插入到DIV的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Testing</title> </head> <script type="text/javascript" src="example.js"> </script> <body> <div id="testdiv"> </div> </body> </html>
example.js 文件内容：
window.onload = function() {
var testdiv = document.getElementById("testdiv");
testdiv.innerHTML="<p>I inserted <em>this</em> content.</p>";
}
另一段代码：
window.onload = function() {
var para = document.createElement("p");
var txt1 = document.createTextNode("I inserted ");
var emphasis = document.createElement("em");
var txt2 = document.createTextNode("this");
var txt3 = document.createTextNode(" content.");
para.appendChild(txt1);
emphasis.appendChild(txt2);
para.appendChild(emphasis);
para.appendChild(txt3);
var testdiv = document.getElementById("testdiv");
testdiv.appendChild(para);
}
这与在DIV内动态载入另一个页面非常相似！
以上这篇JS把内容动态插入到DIV的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本节主要介绍了ie8下面处理 new Date()的问题,需要的朋友可以参考下2014-07-07
本文给大家记录的是一次谷歌Chrome浏览器扩展程序的开发过程，非常的细致，有类似开发念头的小伙伴们可以来参考下2016-01-01
这篇文章主要介绍了JavaScript获取用户所在城市及地理位置的实例代码，非常不错，具有参考借鉴价值，需要的朋友参考下吧2018-04-04
这篇文章主要为大家介绍了JavaScript对象属性设置和屏蔽技巧，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要介绍了js判断当前页面在移动设备还是在PC端中打开的相关资料,需要的朋友可以参考下2016-01-01
客户端限制只能上传jpg格式图片的js代码,对用户体验较好，适合网页中只能使用jpg格式图片的情况。2010-12-12
下面小编就为大家带来一篇js定时器+简单的动画效果实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
这篇文章主要给大家介绍了7个好用的JavaScript技巧，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-05-05
这篇文章主要介绍了BootStrap3使用错误记录及解决办法,需要的朋友可以参考下2016-12-12
去年年底开发了一个手机站平台，遇到了很多坎，今天小编给大家分享下使用JS跳转手机站url的若干注意事项，需要的朋友参考下吧2017-10-10
最新评论