clonenode(false),cloneNode mdn

广告位招租
联系电话:13518188210

cloneNode() 方法怎么克隆属性?

cloneNode() 方法怎么克隆属性?

cloneNode 是用来复制节点的,想复制css class name,可以用下面两种方法中的任意一种:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="coolwp .康姆">
</head>
<body onload="cloneCssClass()">
<div class="red"></div>
<div></div>
<script>
function cloneCssClass(){
document.getElementsByTagName("div")[1].className = document.getElementsByTagName("div")[0].className;
console.log( document.getElementsByTagName("div")[1]);
}
/*

或者,去掉body 上的 onload="cloneCssClass()" 只用下面的
document.getElementsByTagName("div")[1].className = document.getElementsByTagName("div")[0].className;
*/
</script>
</body>
</html>

clonenode(false),cloneNode mdn

js cloneNode 的克隆节点 怎么删除对应节点?

js cloneNode 的克隆节点 怎么删除对应节点?

<!– test.htm –>
<html>
<head>
<title>Test of cloneNode Method</title>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<div id="main">
<div id="div-0">
<span>Cloud018 said, </span>
<span>"Hello World!!!"</span>
</div>
</div>
</body>
</html>
// test.js
_window.onload = function () {
var sourceNode = document.getElementById("div-0"); // 获得被克隆的节点对象
for (var i = 1; i < 5; i++) {
var clonedNode = sourceNode.cloneNode(true); // 克隆节点
clonedNode.setAttribute("id", "div-" + i); // 修改一下id 值,避免id 重复
sourceNode[xss_clean].appendChild(clonedNode); // 在父节点插入克隆的节点
}
}

cloneNode(true)复制内容

cloneNode(true)复制内容

//获取内容
textarea[xss_clean]=textarea.value;

cloneNode方法克隆了很多div,但是克隆的div没有id

cloneNode方法克隆了很多div,但是克隆的div没有id

没有id也会有些别的属性的,例如共同的class name之类的,给这些class name循环绑定点击事件,然后执行点击事件的时候删除当前操作的对象,也就是当前的div,希望对你有帮助

追问 那我想点击div里面的按钮实现删除该怎么写

原创文章,作者:聚禄鼎,如若转载,请注明出处:https://www.xxso.cn/74673.html

(0)
聚禄鼎的头像聚禄鼎
上一篇 2023年2月3日 上午8:31
下一篇 2023年2月3日 上午8:31

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注