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的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍JS实现DIV容器赋值的方法，包括了JS实现DIV容器赋值的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现DIV容器赋值的方法。分享给大家供大家参考，具体如下： 给某个DIV容器赋值js函数，ajax中使用，支持ie和firefox 其中 id为div的id content:为内容 调用例子： 希望本文所述对大家JavaScript程序设计有所帮助。
-
本文向大家介绍Jquery动态替换div内容及动态展示的方法，包括了Jquery动态替换div内容及动态展示的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Jquery动态替换div内容及动态展示的方法。分享给大家供大家参考。具体分析如下： 一、问题： 项目中需要在后台拼接html然后在前台通过ajax展示到div中： 展示后发现，div中直接展示了html字符串内容，并没有解析其中
-
本文向大家介绍JS在可编辑的div中的光标位置插入内容的方法，包括了JS在可编辑的div中的光标位置插入内容的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现在可编辑div中指定位置插入内容的方法，就像我们使用的编辑器一样，分享给大家供大家参考。具体实现方法如下： 首先要让DIV启用编辑模式 通过设定contenteditable=true开启div的编辑模式.这样DIV就可以
-
本文向大家介绍Android实现动态自动匹配输入的内容，包括了Android实现动态自动匹配输入的内容的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了Android实现动态自动匹配输入内容的具体代码，供大家参考，具体内容如下 用这两个控件 分别实现这两个： 布局文件： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍Android实现动态自动匹配输入内容，包括了Android实现动态自动匹配输入内容的使用技巧和注意事项，需要的朋友参考一下 Android实现动态自动匹配的控件主要有MultiAutoCompleteTextView和AutoCompleteTextView MultiAutoCompleteTextView: 可支持选择多个值（在多次输入的情况下）,分别用分隔符分开，并且在每个值
-
本文向大家介绍用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法，包括了用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法的使用技巧和注意事项，需要的朋友参考一下 如下所示： 以上就是小编为大家带来的用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法全部内容了，希望大家多多支持呐喊教程~