js 创建节点 以及 节点属性 删除节点
case 'copy':
var B1 = document.getElementById("B1"); //获得B1下的html文本
var copy_dom = document.getElementById("copy_dom"); //获得B1下的html文本
var str = B1.parentNode.innerHTML;
var btnstr = '<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="confirm" id="id_confirm">确定</button>';
//<select name="provid" id="B1" lay-filter="provid_B2">
str = str.replace(/\<select name="provid" id="B1" lay-filter="provid_B2">/g, '<select>');
if (document.getElementById("id_confirm") == null)
{
var tmp = document.createElement('button');
tmp.classList = "layui-btn layui-btn-sm layui-btn-normal";
var atr = document.createAttribute("lay-event"); //创建一个属性节点
atr.nodeValue = "confirm"; //设置属性节点值
tmp.setAttributeNode(atr);
atr = document.createAttribute("id"); //创建一个属性节点
atr.nodeValue = "id_confirm"; //设置属性节点值
tmp.setAttributeNode(atr);
var node = document.createTextNode("确定");
tmp.appendChild(node);
copy_dom.parentNode.appendChild(tmp);
}
copy_dom.innerHTML = str;
form.render();
break;
case 'confirm':
layer.msg("完成!");
var copy_dom = document.getElementById("copy_dom"); //获得B1下的html文本
copy_dom.innerHTML = "";
var t = this;
this.parentNode.removeChild(this); //移除该节点
break;
//移除节点
var copy_dom = document.getElementById("copy_dom");
copy_dom && (copy_dom.innerHTML = "");
var id_confirm = document.getElementById("id_confirm");
id_confirm && (id_confirm.parentNode.removeChild(id_confirm));
js 创建节点 以及 节点属性 删除节点的更多相关文章
- 从零开始的全栈工程师——js篇2.17(属性和节点获取)
DOM 一.节点树状图 Document>documentElement>body>tagname 二.常用的节点类型 元素节点(标签) 文本节点(文本节点) 属性节点(标签里的属性 ...
- Neo4j : 通过节点的 id属性 对节点进行查,改,删操作
1. "查"操作 , 查找 id 属性 为 501的节点: MATCH (r) WHERE id(r) = 501 RETURN r 2. "改"操作, 更改 ...
- 使用DOM解析XML文件,、读取xml文件、保存xml、增加节点、修改节点属性、删除节点
使用的xml文件 <?xml version="1.0" encoding="GB2312" ?> <PhoneInfo> <Br ...
- DOM创建和删除节点
一.创建节点 3步 1.创建空元素对象: var newElem=document.createElement("标签名"); 例如:var a=document.createEl ...
- 添加和删除节点(HTML 元素)。
JavaScript HTML DOM 元素(节点) 添加和删除节点(HTML 元素). 创建新的 HTML 元素 如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一 ...
- jquery 添加和删除节点
// 增加一个三和一节点 function addPanel() { // var newPanel = $('.my-panel').clone(true) var newPanel = $(&qu ...
- dom 添加删除节点
//找到 div1 var div1 = document.getElementById("div1"); //创建 一个 p标签 var p = document.createE ...
- Redis集群增加节点和删除节点
本文主要是承接上一篇文章Redis集群的离线安装成功以后,我们如何进行给集群增加新的主从节点(集群扩容)以及如何从集群中删除节点(集群缩容),也就是集群的伸缩,集群伸缩的原理是控制虚拟槽和数据在节点之 ...
- JS DOM操作(创建、遍历、获取、操作、删除节点)
创建节点 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="u ...
随机推荐
- alembic常用命令和经典错误解决办法
- windows10专业版激活
[1]右击我的电脑->属性,查看激活情况 [2]管理员身份打开CMD [2.1]如果不知道CMD是什么东西 [2.2]如果上面那个也找不到,直接按windows键(就是ctrl和alt中间那个键 ...
- 小菜鸟之JAVA输入输出
Java流类图结构: 流的概念和作用 流是一组有顺序的,有起点和终点的字节集合,是对数据传输的总称或抽象.即数据在两设备间的传输称为流,流的本质是数据传输,根据数据传输特性将流抽象为各种类,方便更直观 ...
- python之cookies
#cookies保存在文档头的内部,将cookies信息保存在文档中 userinfo={'} r=requests.get('http://httpbin.org/get',cookies=user ...
- 数据结构之二叉树篇卷四 -- 二叉树线索化(With Java)
一.线索二叉树简介 二叉树本身是一种非线性结构,然而当你对二叉树进行遍历时,你会发现遍历结果是一个线性序列.这个序列中的节点存在前驱后继关系.因此,如何将这种前驱后继信息赋予给原本的二叉树呢?这就是二 ...
- PYQT5 pyinstaller 打包工程
win+R 输入cmd 回车 首先安装 pyinstaller : pip install pyinstaller 安装 pywin32: pip install pywin32 在cmd中输入工程 ...
- spark教程(11)-sparkSQL 数据抽象
数据抽象 sparkSQL 的数据抽象是 DataFrame,df 相当于表格,它的每一行是一条信息,形成了一个 Row Row 它是 sparkSQL 的一个抽象,用于表示一行数据,从表现形式上看, ...
- 使用Python基于OpenCV的验证码识别
Blog:https://blog.csdn.net/qq_40962368/article/details/89312429(Verification_Code_Identification) 步骤 ...
- mysql-1.1基础
笔记内容:mysql基础,创建数据库,创建表,操作数据表,操作数据,简单查询,条件查询,排序,分组,聚合,连接查询(等值连接,内连接,外链接),子查询 自己提示:脑图笔记存于网盘中 右键:新标签页打 ...
- Binding的简单使用
Binding可以看作是数据的桥梁,两端分别为Source和Target,一般情况,Source是逻辑层的对象,Target是UI层的控件对象,可以将数据从逻辑层送往UI层展现 简单的例子: clas ...