操作节点

window.onload = function (ev) {
        // CRUD操作
        // var box = document.getElementsByClassName('box')[0];

        // 1. 创建节点
       /* var img = document.createElement('img');
        img.src = 'img/img_02.jpg';
        // box.appendChild(img);

        var btn = document.getElementsByTagName('button')[0];
　　　　　　　　//在btn前面插入
        box.insertBefore(img, btn);*/

        // 2. 删除节点
        // var btn = document.getElementsByTagName('button')[0];
        // btn.remove();方法1
        // box.removeChild(btn); 方法2

        // 3. 克隆标签
        var box = document.getElementsByClassName('box')[0];
        // var newBox = box.cloneNode(); // 浅克隆  子元素不拷贝
        var newBox = box.cloneNode(true); // 深克隆  里面的所有一切都被拷贝
        // console.log(newBox);
        document.body.appendChild(newBox);

    }

window.onload = function (ev) {
        // 1.获取节点
        var img = document.getElementsByTagName('img')[0];
        console.log(img);

        // 2. 获取标签的属性
        /*console.log(img.getAttribute('src'));
        console.log(img.getAttribute('alt'));
        console.log(img.alt);
        console.log(img.src);*/

        // 3. 设置属性
        img.setAttribute('src', 'img/img_02.jpg');
        img.setAttribute('alt', '这是一个美女呀！');
        img.setAttribute('itlike', '撩课');
        img.setAttribute('abc', 'cba');

       // 3. 删除属性
       img.removeAttribute('abc');
    }