Bom的属性和方法

查询 

getElementByld():获取特定ID元素的节点---最优

getElementByTagName():获取相同元素的节点列表，返回类数组，使用【0】获取

getElementByClassName():获取相同类名的节点列表（IE8及以下不支持），返回类数组

querySelector()通过选择器来获取一个或多个元素，获取多个元素返回第一个。

querySelectorAll()通过选择器获取元素，可同时获得多个元素，类数组

 Bom的创建、添加、删除、克隆、替换

创建：document.createElement(标签名)

           //创建
        var oUl = document.createElement('ul');
        var Li = document.createElement('li');

 

追加-父节点.appendchild(元素节点)把元素节点插入到父节点内部最前面

        Div.appendChild(oUl)//oUl追加到Div的最下面
            // oUl.appendChild(Li)
        for (i = 0; i < 5; i++) {
            var Li = document.createElement('li'); //创建一个li
            oUl.appendChild(Li) //追加一个li给ul
        }

插入-父节点.insertBefore(新的元素点，最上面的元素节点)在父节点内，把新的元素节点 插入到已经存在的元素切点前面

        var oUl2 = document.querySelector('ul')
        console.log(oUl2);
        Div.insertBefore(oUl, oUl2)

 删除：父元素节点.removechild(node)删除父节点内部的子节点

 Div.removeChild(oUl)

parentNode:获取元素对象的父节点

  console.log(Div.parentNode); //body

children  获取元素对象的子元素

        console.log(oUl2.children[2]); //<li>3</li>