JavaScript 克隆

Posted 不苦不累, 人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 克隆相关的知识,希望对你有一定的参考价值。

javascript 克隆

本次学习内容:

克隆:只克隆标签和属性,不克隆文本。

克隆的功能,如果不添加使用Ture,就只会克隆标签和属性,不会克隆文本。

克隆的参数全部是节点对象,不能是字符串

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>克隆标签属性和文本</title>
</head>
<body>
	<div>
		<a href="https://www.sogou.com/" title="搜狗网站">搜狗</a>
	</div>
	<button>点击</button>
</body>
<script>
/*
	克隆的对象.cloneNode(true):克隆标签属性和文本
*/	
	//获取对象
	var btn = document.querySelector(‘button‘);
	var a = document.querySelector(‘a‘);
	var div = document.querySelector(‘div‘);

	//按钮单击事件
	btn.onclick = function(){
		//克隆:只克隆标签和属性,不克隆文本。
		//var aClone = a.cloneNode();
		//console.log(aClone);

		//常用的克隆方式:完整克隆:克隆标签、属性、文本。
		var aClone2 = a.cloneNode(true);
		//console.log(aClone2);
		div.appendChild(aClone2);
	}

//注意:上述方法中的参数全部是节点对象,不能是字符串
</script>
</html>

  

以上是关于JavaScript 克隆的主要内容,如果未能解决你的问题,请参考以下文章

Forge Viewer - 如何在场景中访问(或获取渲染/片段代理)克隆的网格?

Instagram 克隆。单击按钮时,为啥我不能回到上一个片段?

如何在多个页面使用同一个HTML片段

js克隆一段html元素,javascript克隆元素样式的实现代码

JavaScript 克隆对象

VSCode自定义代码片段12——JavaScript的Promise对象