JS把内容动态插入到DIV

最新推荐文章于 2021-12-27 09:47:23 发布

WGH100817

最新推荐文章于 2021-12-27 09:47:23 发布

阅读量315

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/jpfss/p/7489551.html

版权

<!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内动态载入另一个页面非常相似！

转载于:https://www.cnblogs.com/jpfss/p/7489551.html

WGH100817

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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 ht...
复制链接

扫一扫