【javascript insertBefore 和 appendChild】的更多相关文章

javascript insertBefore 和 appendChild

js的appendChild()方法 :在一个元素内部追加一个子节点. js的insertBefore()方法:在一个元素内部指定的子节点之前插入子节点. 很明显,appendChild()方法只需要一个条件就可以了,那就是父元素. 而后者则需要两个条件,一个是父元素,一个是要在父元素哪个子节点前插入. 下面是两种情况的例子对比: var oDiv=document.getElementById('div1'); var oNew=document.createElement('div'); o…

javascript中document.appendChild和document.body.appendChild的问题

在IE7中 var conentDiv = document.createElement("div"); document .body .appendChild(conentDiv); document .appendChild(conentDiv); 都不会报错,但是在IE11中 document .appendChild(conentDiv);会报错:javascript runtime error:HierarchyRequestError 由于 div是document .bo…

insertBefore()，appendChild()创建添加列表实例

定义: insertBefore() 方法在您指定的已有子节点之前插入新的子节点. 语法: 父级.insertBefore(新的子节点,指定的已有子节点) 实例: <input id="txt1" type="text"/> <input id="btn1" type="button" value="创建li"/> <ul id="ul1"> <…

JavaScript中的appendChild（）方法

appendChild()方法是向节点添加最后一个子节点.也可以使用此方法从一个元素向另一个元素移动元素. 案例一:向节点添加最后一个子节点 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul id="mylist"> <li>…

javascript节点操作appendChild()

cloneNode(a)方法接受一个布尔值参数,表示是否深拷贝 true:表示执行深拷贝,复制本节点以及整个子节点树. false:浅拷贝.只复制节点本身. 复制后返回的节点副本属于文档所有,但是并没有父节点.除非使用appendChild,insertChild(),replaceChild()将它添加到文档 var oDiv = document.getElementById("guoDiv"); var deepList = oDiv.cloneNode(true); //拷贝子…

使用insertBefore实现insertAdjacentHTML()

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

javascript --- javascript与DOM

javascript与DOM: 我们来个例子,一个HTML里包含一段文本和一个无序的列表. <p id="intro">My first paragraph...</p> <ul> <li>List item 1</li> <li>List item 1</li> <li>List item 1</li> <li>List item 1</li> <…

读javascript高级程序设计10-DOM

一.节点关系 元素的childNodes属性来表示其所有子节点,它是一个NodeList对象,会随着DOM结构的变化动态变化. hasChildNodes():是否有子节点. var headlines=document.getElementById("headline_block"); var childs=headlines.childNodes; childs.length; childs[0];//取第一个子节点 childs.item(0);//取第一个子节点 parentN…

JavaScript 闯关记

DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API.DOM 描绘了一个层次化的节点树,允许开发人员添加.移除和修改页面的某一部分. 节点层次 DOM 可以将任何 HTML 或 XML 文档描绘成一个由多层节点构成的结构.节点分为几种不同的类型,每种类型分别表示文档中不同的信息及(或)标记.每个节点都拥有各自的特点.数据和方法,另外也与其他节点存在某种关系.节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点为根节点的树形结构.以下面的 HTML 为例: <html>…

JavaScript高级程序设计22.pdf

操作节点 appendChild()用于向childNodes列表末尾添加一个节点,appendChild()返回新增的节点 var returnedNode=someNode.appendChild(newNode); alert(returnedNode==newNode); //true alert(someNode.lastChild==newNode); //true 如果传入到appendChild()中的节点已经是文档的一部分了,结果会将该节点从原来位置转移到新的位置 insert…