原生js清空上一个元素内容_原生JS实现动态添加新元素、删除元素方法

1. 添加新元素

动态添加新元素

Coffee
Tea
Coffee
Tea

var child = document.getElementsByClassName("child")[0];

var newChild = document.createElement("li");

var newText = document.createTextNode("wine");

newChild.appendChild(newText);

child.appendChild(newChild)

2.删除已有元素

给时光以生命

删除元素

Coffee
Tea
Coffee
Tea

var parent = document.querySelectorAll(".example")[0];

var child = document.querySelectorAll(".child")[2];

document.writeln(child.innerHTML)

parent.removeChild(child); //第二种方法此行替换:child.parentNode.removeChild(child);

总结

以上所述是小编给大家介绍的原生JS实现动态添加新元素、删除元素方法使用指南,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

原生js清空上一个元素内容_原生JS实现动态添加新元素、删除元素方法相关推荐

js进阶 9-11 select选项框如何动态添加和删除元素
js进阶 9-11 select选项框如何动态添加和删除元素一.总结一句话总结: 二.js进阶 9-11 select选项框如何动态添加和删除元素 1.案例说明 2.相关知识 Select 下拉列 ...
java list遍历添加元素_【转】：java遍历List时动态添加和删除元素
遍历元素最常见的三种方法: // 1.最普通的一种方式 for(int i = 0;i < size;i++) //2.for each方式 for(BEAN b: BEANLIST) //3. ...
原生js清空上一个元素内容_原生js系列删除元素
// 删除id var idObject = document.getElementById('sidebar'); if (idObject != null) idObject.parentNode ...
js动态添加修改删除元素
事件委托:e.target 核心:1.通过事件冒泡给子元素添加事件,控制新生成的元素进行操作 2.减少DOM元素操作,只需要绑定一个父元素就可以,不用循环遍历每一个子元素进行绑定事件操作,提高程序性能 ...
js添加和删除元素节点
js添加和删除元素节点 <!DOCTYPE html> <html> <head><meta charset="UTF-8">< ...
jQuery中添加与删除元素
我们可以使用jQuery方便的添加或删除元素. 1.使用jQuery生成新元素,生成新元素的方法,比如,我要生成一个有序列表的标签,只需要: var ol = $('<ol></ol ...
JS实现动态添加和删除div
实现方式一:只在最后一个数据中动态添加或者删除 | 背景需要做一个页面,页面可以输入参数,点击确认按钮可以发请求给某接口.但是接口的某个字段是数组类型,所以在页面上需要实现添加或者删除元素的功能. ...
python列表增加一行_Python 列表中的修改、添加和删除元素的实现
本文介绍的是列表中的修改.添加和删除元素.第一次写博客,如果本文有什么错误,还请大家评论指正.谢谢! 创建的列表大多数都将是动态的,这就意味着列表创建后,将随着程序的运行删减元素. 修改列表元素修改 ...
原生态JS和JQuery版的动态添加、删除表格行
过了太久,JQuery都生疏了,闲来没事,写着玩玩. 下面HTML代码作用:提交一个表单,将复选框的值提交(复选框的值等于后面的文本框,复选框和文本框处在同一行,可以动态添加和删除). >原生态 ...

原生js清空上一个元素内容_原生JS实现动态添加新元素、删除元素方法

原生js清空上一个元素内容_原生JS实现动态添加新元素、删除元素方法相关推荐

最新文章

热门文章