原生js删除元素
2017-09-26 13:40
148 查看
//删除id
var idObject = document.getElementById('sidebar');
if (idObject != null)
idObject.parentNode.removeChild(idObject);
//通过class获取元素
paras = document.getElementsByClassName('paginator');
for(i=0;i<paras.length;i++){
//删除元素 元素.parentNode.removeChild(元素);
if (paras[i] != null)
paras[i].parentNode.removeChild( paras[i]);
}
//清空一个元素,即删除一个元素的所有子元素
function removeAllChild() {
var div = document.getElementById("div1");
while(div.hasChildNodes()) //当div下还存在子节点时 循环继续
{
div.removeChild(div.firstChild);
}
}
原理很简单,就是不断的判断要清空的div还有没有子节点,有的话就删除一个子节点(这里是它的首个子节点),直到删除完毕为止。
//封装的方法
function removeElement(_element){
var
_parentElement = _element.parentNode;
if(_parentElement){
_parentElement.removeChild(_element);
}
}
var idObject = document.getElementById('sidebar');
if (idObject != null)
idObject.parentNode.removeChild(idObject);
//通过class获取元素
paras = document.getElementsByClassName('paginator');
for(i=0;i<paras.length;i++){
//删除元素 元素.parentNode.removeChild(元素);
if (paras[i] != null)
paras[i].parentNode.removeChild( paras[i]);
}
//清空一个元素,即删除一个元素的所有子元素
function removeAllChild() {
var div = document.getElementById("div1");
while(div.hasChildNodes()) //当div下还存在子节点时 循环继续
{
div.removeChild(div.firstChild);
}
}
原理很简单,就是不断的判断要清空的div还有没有子节点,有的话就删除一个子节点(这里是它的首个子节点),直到删除完毕为止。
//封装的方法
function removeElement(_element){
var
_parentElement = _element.parentNode;
if(_parentElement){
_parentElement.removeChild(_element);
}
}
相关文章推荐
- JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性)
- 原生js添加、删除元素的class
- 原生js 查找 添加 删除 指定元素的class
- 原生js实现查找/添加/删除/指定元素的class
- 如何通过class和id使用原生js删除元素?
- js删除数组中元素的方法
- js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)
- js 对html 元素操作,添加删除修改
- js删除数组指定元素
- js数组删除元素
- js删除Array数组中指定元素的两种方法
- 原生js,jquery通过ajax获得后台json数据动态新增页面元素
- js里删除某个元素
- JS操作数组循环删除指定元素,splice(i,1)出错解决方案
- js删除当前元素的父级元素
- js删除或添加元素:splice()
- JS删除数组指定元素
- js操作table元素实现表格行列新增、删除技巧总结
- 原生JS 获取浏览器、窗口、元素等尺寸的方法及注意事项
- JS中split用法和数组中元素的删除