appenChild() 原文转自 JS中有很多基本DOM方法,例如createElement, parentNode等,其中,appendChild方法是相当地常用与熟知,可谓是DOM节点方法中的"无人不识君"! appendChild的作用是在指定元素节点的最后一个子节点之后添加节点.好记又好用,大家都喜欢. appendChild方法就像是直接买饺子,实际上,我们还经常会遇到买饺子皮和馅自己包的情况.放在HTML中解释就是不是append节点,而是append构成节点的HTML字…

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

在需要给文档插入大量的新的HTML标记的情况下,通过多次DOM操作先创建节点再指定它们之间的关系会非常麻烦而且效率不高,相对而言插入标记的方法会更加简单,速度也更快. 插入标记中有这四个属性innerHtml,outerHTML,innerText,outerText. 这四个属性都有获取状态和设置状态. 我们先来看一小段代码 <div><p>我是div的子元素</p></div> *在这里我们要先获取这个div,我用divnode代替.在chrome浏览器…

添加HTML内容与文本内容以前用的是innerHTML与innerText方法,最近发现还有insertAdjacentHTML和insertAdjacentText方法,这两个方法更灵活,可以在指定的地方插入html内容和文本内容. insertAdjacentHTML方法:在指定的地方插入html标签语句 原型:insertAdajcentHTML(swhere,stext) 参数: swhere: 指定插入html标签语句的地方,有四种值可用: 1.     beforeBegin: 插入…

IE的DHTML对象提供了四个可读写的属性来动态操作页面元素的内容:innerText, outerText, innerHTML, outerHTML. 需注意两点: 1. 其中innerText,outerText属性的值是作为普通文本呈现的,即使它含有HTML标签也如实反应出来;而innerHTML, outerHTML呈现的是经HTML引擎解析后文本,它可以反应属性中HTML标签的表现效果. 2. 对对象的outerText,outerHTML属性赋值(即写操作)会删除该对象. 以上四个…

/** * insertAdjacentHTML * 支持 insertAdjacentHTML()方法的浏览器有 IE.Firefox 8+.Safari.Opera 和 Chrome */ var element = document.querySelector('#box2') //作为前一个同辈元素插入 element.insertAdjacentHTML("beforebegin", "<p>Hello world!</p>") /…

在开发Ext 项目中如果遇到 Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null 这个错误,检查下renderTo的值 是否在页面中有对应的那个容器,如果没有那个容器就会报这个错…

function appendHTML(container,html,position){ position =position || 'after'; var objE = document.createElement("div"), nodes=null, fragment = document.createDocumentFragment(); objE.innerHTML = html; nodes=objE.childNodes; for (var i=0, length=n…

原文地址:http://davidwalsh.name/insertadjacenthtml-beforeend 该死的DOM慢的很.随着我们的网站动态交互和Ajax操作越来越多,我们需要寻找一种高性能的DOM操作方式.我之前提到过DocumentFragments,一种以“虚拟元素”的收集子元素的方式,以便可以向父元素注入大量的元素.另外一个方法是insertAdjacentHTML,在向父元素插入元素时不会影响其他任何的元素. 如果你通过Ajax获取到了一段html,常见的方法是通过inne…

html5新增的插入标记方法,insertAdjacentHTML() 可以接受2个参数 插入位置和要插入的 HTML 文本.第一个参数必须是下列值之一: "beforebegin",在当前元素之前插入一个紧邻的同辈元素: "afterbegin",在当前元素之下插入一个新的子元素或在第一个子元素之前再插入新的子元素: "beforeend",在当前元素之下插入一个新的子元素或在最后一个子元素之后再插入新的子元素: "afterend&…