createDocumentFragment和insertAdjacentHTML

Element.insertAdjacentHTML()方法由IE引入,并在HTML5中标准化,它将任意的HTML标记字符串插入到指定的元素“相邻”的位置. insertAdjacentHTML()有两个参数,第一个参数为位置属性,第二个参数为待插入的标记字符串.且第一个参数为具有以下值之一的字符串:“beforebegin”."afterbegin"."beforeend"."afterend",这些值插入点为: (beforebegin) &

<div id="container"> <h2>hahah</h2> <h3>quuquq</h3> <div class="inner">hello</div> <div class="inner">world</div> </div> </body> <script type="text/jav

//createdocumentfragment()方法创建了一虚拟的节点对象,节点对象包含所有属性和方法. //当你想提取文档的一部分,改变,增加,或删除某些内容及插入到文档末尾可以使用createDocumentFragment() 方法. //你也可以使用文档的文档对象来执行这些变化,但要防止文件结构被破坏,createDocumentFragment() 方法可以更安全改变文档的结构及节点. 在更新少量节点的时候可以直接向document.body节点中添加,但是当要向document中

只能说是会用和记载,深入理解还需时间. 有关性能优化: 使用createdocumentfragment()方法可以创建某个具有节点该有的所有属性的节点. 使用情况:  提取文档中的某个小部分,修改文档中的小节点,添加部分内容在节点尾部或者某个标志处. 虽然可以用文档的文档对象来在这些情况中使用,但如果防止文件结构被破坏,createDocumentFragment() 方法可以更安全改变文档的结构及节点. 一般这样用: let newLists=document.createDocumentF

document.createDocumentFragment()的作用是什么:createDocumentFragment()函数可能用的并不是太多,之所以这样是因为不使用此方法完全可以实现所有的功能,但是如果能够妥当的使用此函数可以有效的提高执行效果,下面就通过实例简单介绍一下次函数用法.先看一段代码实例: var myArray=new Array("一","二","三","四","五","

添加HTML内容与文本内容以前用的是innerHTML与innerText方法, 最近发现还有insertAdjacentHTML和 insertAdjacentText方法, 这两个方法更灵活,可以在指定的地方插入html内容和文本内容. insertAdjacentText方法与 insertAdjacentHTML方法类似,只不过只能插入纯文本,参数相同 原型:insertAdajcentHTML(swhere,stext) insertAdjacentHTML方法:在指定的地方插入htm

在更新少量节点的时候可以直接向document.body节点中添加,但是当要向document中添加大量数据是,如果直接添加这些新节点,这个过程非常缓慢,因为每添加一个节点都会调用父节点的appendChild()方法,为了解决这个问题,可以创建一个文档碎片,把所有的新节点附加其上,然后把文档碎片一次性添加到document中. 假如想创建十个段落,使用常规的方式可能会写出这样的代码: 1 2 3 4 5 6 for(var i = 0 ; i < 10; i ++) {     var p =

document.getElementById("nim")为:获得名称为nim的层.insertAdjacentHTML("beforeEnd", html)为:nim层在其后追加插入内容为< INPUT type="file" size="50" NAME="File"> 的html格式信息. 向下面的例子,可以拷贝到网页中试试:<script>   function addFi

insertAdjacentHTML(),  这个方法也是在IE中最早出现的,现在已纳入html5规范,它接受两个参数,一个是下列的标记之一,一个是要写入的 html 代码文本. beforebegin , (英文为开始之前的意思)在当前元素之前插入一个新的紧邻的同辈元素 afterbegin,(英文为开始之后的意思)在当前元素之下插入一个子元素,或者是在当前元素的第一个子元素之前插入一个新的子元素. beforeend,(英文为结束之前的意思)在当前元素之后插入一个新的子元素,或者在当前元素最