在文档中创建和插入新元素
来源:互联网 发布:mod达人邢凯淘宝店 编辑:程序博客网 时间:2024/05/22 15:28
<div id="testdiv"></div>在div里插入新元素,
方法一:
window.onload=function () { var testdiv=document.getElementById("testdiv"); testdiv.innerHTML="<p> This is <em> my </em> content.</p>";}方法二:
window.onload=function () { var para=document.createElement("p");//创建元素节点 var txt1=document.createTextNode("This is");//创建文本节点 para.appendChild(txt1);//让txt1成为para的子节点 var em=document.createElement("em"); var txt2=document.createTextNode(" my "); em.appendChild(txt2); para.appendChild(em); var txt3=document.createTextNode("content."); para.appendChild(txt3); var testdiv=document.getElementById("testdiv"); testdiv.appendChild(para);}
在已有元素前插入一个新元素:
parentElement.insertBefore(newElement,targetElement);
//新元素:想插入的元素(newElement);目标元素:新元素插入到哪个元素(targetElement)之前;父元素:目标元素的父元素(parentElement)。
在现有元素之后插入一个新元素:function insertAfter(newElement,targetElement){ var parent=targetElement.parentNode; if(parent.lastChild==targetElement){ parent.appendChild(newElement); }else { parent.insertBefore(newElement,targetElement.nextElementSibling);//将新元素查到目标元素的兄弟元素前面 }}
0 0
- 在文档中创建和插入新元素
- JavaScript在DOM中插入一个新元素
- jQuery向匹配元素中插入新元素
- 在Word2007文档中插入和删除分隔符
- 在每个匹配元素的外部插入新元素
- 用js实现在现有元素后插入一个新元素
- js和jQuery创建元素和把元素插入到文档中所用的方法
- 在ppt中插入flash帮助文档
- 在WORD文档中插入页码
- 在单文档中插入对话框
- Jquery创建新元素
- 页面创建新元素
- jQuery创建新元素
- php 中在数组中添加新元素的方法
- (23)使用DOM插入新元素,每次插入的新节点放在最前面
- 【脚本化文档】——创建和插入节点
- 在单文档工程中创建工具栏
- 在浏览器中创建XML文档
- OpenCV 人脸识别 用cvLoad()加载分类器报错的解决方法
- SpringMvc报 springmvc 错误,添加context的情况
- MFC界面美化之工具栏(1)
- android广播接收者实例_IP拨号器
- Unity NGUI3.0.5 FontMaker 使用注意事项w
- 在文档中创建和插入新元素
- zurmo本地安装(windows)
- 尽量使用区间成员函数代替它们的单元素兄弟
- nagios安装
- Android GrideView
- Java的内存机制
- Spring Cloud Eureka--服务发现
- LabelEncoderm OneHotEncoder 在python中的运用
- 仿京东顶部加载动画