动态给div追加html代码,javascript – 动态添加/删除div到html

删除：

var div = document.getElementById('xyz');

if (div) {

div.parentNode.removeChild(div);

}

或者如果您不控制文档并认为可能格式错误：

var div = document.getElementById('xyz');

while (div) {

div.parentNode.removeChild(div);

div = document.getElementById('xyz');

}

(以下替代品)

但是你只需要循环使用无效的HTML文档;如果您控制文档,则不需要,只需确保文档有效. id值必须是唯一的.然而,人们看到很多文件不在那里.

var msgContainer = document.createElement('div');

msgContainer.id = 'xyz'; // No setAttribute required

msgContainer.className = 'someClass' // No setAttribute required,note it's "className" to avoid conflict with JavaScript reserved word

msgContainer.appendChild(document.createTextNode(msg));

document.body.appendChild(msgContainer);

如果您不喜欢上述循环中的代码重复,并且您认为您需要循环,则可以执行以下操作：

var div;

while (!!(div = document.getElementById('xyz'))) {

div.parentNode.removeChild(div);

}

要么

var div;

while (div = document.getElementById('xyz')) {

div.parentNode.removeChild(div);

}

…虽然最后一个可能会生成各种工具的lint警告,因为它看起来像你有=你的意思==或===(但在这种情况下,我们真的做的意思是=).

动态给div追加html代码,javascript – 动态添加/删除div到html相关推荐

android 动态设边距,在代码中动态设置页边距 - android
我有一个只包含ScrollView和TableLayout的活动.在我的代码我加入tablerows,一切工作正常,除了利润 - 它不工作(没有任何反应),下面是代码:在代码中动态设置页边距 - an ...
html实现动态多表单输入,使用javascript动态编辑多个相同的HTML表单
我正在构建一个小的网页,该网页将用于通过预定义的设置操作来控制一组RGB led.为了以图形方式配置操作,将使用一个包含开始和结束像素,相关颜色信息以及要使用的设置操作的表单. (顺便说一句,不提交表 ...
点击按钮追加html代码,vue中如何点击按钮动态添加多个div，并给这些div附加上双击事件或者鼠标右击事件...
可以试试另一种方法,隐式创建Vue实例,比较适合封装成函数进行调用要挂载在到#app1的根实例: new Vue({ el: '#app1', template: ` 创建一个div `, meth ...
【javascript 动态添加数据到 HTML 页面】
今天简单的学习了一下有关对象字面量的定义和 javascript 如何取出对象字面量的值的知识,javascript 动态添加数据到 HTML 页面的问题. [学习目标]有如下的一组数据通过 Ajax ...
Javascript动态执行问题浅析
现在web2.0/ajax大行其道,我们会经常碰到这种应用case:前端浏览器通过ajax发请求到后端,后端生成html代码返回,前端接收后将html代码插入一个div容器内.这个应用很普遍,一般情况 ...
JavaScript 动态表格操作
阅读目录 JavaScript 动态创建表格第一种示例第二种示例示例解析表格相关的属性和方法 1.1 Table 对象集合 1.2 Table 对象方法 1.3 Table 对象常用属性 1. ...
Html5代码实现动态时钟
以下是一个简单的HTML5动态时钟的示例: <!DOCTYPE html> <html> <head><title>HTML5动态时钟</titl ...
Scrapy爬虫框架（实战篇）【Scrapy框架对接Splash抓取javaScript动态渲染页面】
(1).前言动态页面:HTML文档中的部分是由客户端运行JS脚本生成的,即服务器生成部分HTML文档内容,其余的再由客户端生成静态页面:整个HTML文档是在服务器端生成的,即服务器生成好了,再发送 ...
JS实现动态添加和删除div
实现方式一:只在最后一个数据中动态添加或者删除 | 背景需要做一个页面,页面可以输入参数,点击确认按钮可以发请求给某接口.但是接口的某个字段是数组类型,所以在页面上需要实现添加或者删除元素的功能. ...

动态给div追加html代码,javascript – 动态添加/删除div到html

动态给div追加html代码,javascript – 动态添加/删除div到html相关推荐

最新文章

热门文章