js添加和删除元素节点

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title></title><script>var i =0;//创建节点function but() {//创建元素节点//var ele = document.createElement("h1");//<h1></h1>//创建文本节点//var eleText = document.createTextNode("新建文本节点");//将文本节点添加到指定的节点中//  ele.appendChild(eleText);//<h1>新建文本节点</h1>//获取div元素节点//var divObj = document.getElementById("addElement");//divObj.appendChild(ele);;var getVal = document.getElementById("addElement");getVal.innerHTML += "<h1>创建节点"+i+"</h1>";i++;}//删除节点function but1() {var delVal = document.getElementById("addElement");var getH1 = document.getElementsByTagName("h1");//从最新创建的节点开始依次向上删除delVal.removeChild(delVal.childNodes[getH1.length]);//一个一个的删除 //delVal.remove();//删除全部}</script>
</head><body><div id="addElement"></div><input type="button" value="获取" onclick="but()" /><input type="button" value="删除" onclick="but1()" />
</body>
</html>

实例：

js添加和删除元素节点相关推荐

DOM（三）：节点操作——获取父子兄节点（查）、添加和删除元素节点
一.节点之间的层级:父子兄节点主要有父子兄关系 1.父节点操作语法:子节点.parentNode,得到的是一个元素不是集合比如我选了一个类名叫zzy的元素 var zzy = document ...
js进阶 9-11 select选项框如何动态添加和删除元素
js进阶 9-11 select选项框如何动态添加和删除元素一.总结一句话总结: 二.js进阶 9-11 select选项框如何动态添加和删除元素 1.案例说明 2.相关知识 Select 下拉列 ...
js添加、删除DOM元素
js添加.删除DOM元素通过demo来熟悉js添加.删除DOM元素,下面是html代码以及在浏览器中的效果: HTML <ul class="list"><li ...
html中js添加或删除activex,JS：操作样式表2 :用JS实现添加和删除一个类名的功能（addClass()和removeClass()）...
var box = document.getElementById("box"); box.id = "pox"; 将id = "box", ...
jquery的DOM节点操作(删除元素节点)
1.删除元素节点在操作页面时,删除多余或者指定的页面元素是非常必要的. jquery中提供了remove()方法来删除元素. 其语法格式如下: 删除元素节点示例代码: <!DOCTYPE ht ...
jQuery中添加与删除元素
我们可以使用jQuery方便的添加或删除元素. 1.使用jQuery生成新元素,生成新元素的方法,比如,我要生成一个有序列表的标签,只需要: var ol = $('<ol></ol ...
python列表增加一行_Python 列表中的修改、添加和删除元素的实现
本文介绍的是列表中的修改.添加和删除元素.第一次写博客,如果本文有什么错误,还请大家评论指正.谢谢! 创建的列表大多数都将是动态的,这就意味着列表创建后,将随着程序的运行删减元素. 修改列表元素修改 ...
java list遍历添加元素_【转】：java遍历List时动态添加和删除元素
遍历元素最常见的三种方法: // 1.最普通的一种方式 for(int i = 0;i < size;i++) //2.for each方式 for(BEAN b: BEANLIST) //3. ...
c语言数组添加字符元素,C语言数组添加和删除元素的实现
数组不擅长插入(添加)和删除元素.数组的优点在于它是连续的,所以查找数据速度很快.但这也是它的一个缺点.正因为它是连续的,所以当插入一个元素时,插入点后所有的元素全部都要向后移:而删除一个元素时,删除 ...

js添加和删除元素节点

js添加和删除元素节点

js添加和删除元素节点相关推荐

最新文章

热门文章