<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h2>333 <span>123</span> <a>123</a> </h2> <div> <div>1 </div> <div>2</div> </div> <script> var h = document.getElementById('h1'); var c = document.getElementById('container') //c.appendChild(h);//直接添加到2下面了 // var newH = h.cloneNode(true);//不加true,只克隆格式 // c.appendChild(newH);加true后完整克隆到2下面了 </script> </body> </html>
案例四：自定义属性，获取自定义属性并改变标签内容