js实现克隆节点

来源:互联网 发布:云豹app源码 编辑:程序博客网 时间:2024/06/05 11:17

直接上代码

<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>HTML DOM</title>
        <script type=text/javascript>
        function add()
        {
//alert("0");
        var parent=document.getElementById("parent");//id 取得 的是 对象
var son=document.getElementsByClassName("son");//class 取得的是 数组
        parent.appendChild(son[0].cloneNode(true));
        }
        </script>
</head>
<body>
<div id="parent">
<p class="son">hello world!<b>hahaha</b></p>
</div>
        <a href="javascript:void(0)" onClick="add()">add</a>
</body>
</html>

cloneBode若为false不克隆任何子节点,包括自身的文本

若为true克隆所有子节点

0 0
原创粉丝点击