标签：节点 获取对象 append com rip onclick console 方法 htm
<!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>
标签：节点 获取对象 append com rip onclick console 方法 htm
原文地址：http://www.cnblogs.com/guobaoyuan/p/7821708.html
