标签的克隆:

• 语法1: var 标签 = 标签对象.cloneNode ( );

1. 克隆标签本身, 不克隆标签内容;
2. 克隆结果是标签对象; 也就是支持DOM操作的标签对象;

• 语法2: var 标签 = 标签对象.cloneNode( true );

3. 克隆标签本身 克隆标签内容

语法使用:
<div>
        我是div标签
        <p>我是p标签</p>
        <span>我是span标签</span>
    </div>

    <h1></h1>

    <script>
        // 获取div标签 
        var oDiv = document.querySelector('div');

        // 获取h1标签
        var oH1 = document.querySelector('h1');

        // 克隆语法1: 克隆标签本身 不克隆标签内容
        var clone1 = oDiv.cloneNode() ;
        console.log( clone1 );  // <div></div>
     
        // 克隆语法2 克隆标签本身 克隆标签内容
        var clone2 = oDiv.cloneNode(true) ;
        console.log( clone2 ); //<div> 标签内容</div>
     
        // 克隆的标签对象 支持 DOM操作;
        // 不能使用 标签对象.innerHTML 写入
        oH1.innerHTML = clone2;

    </script>
</body>

克隆的标签对象的写入:

轮播图练习:

重要知识: 定时器嵌套执行原理:

重要知识点:运动函数(动画函数)