day10

上大菜------------------DOM

①什么是DOM

文档对象模型 Document Object Model

将整个网页结构看做作一个对象。

    document //把整个网页看作一个对象，通过操作这个对象，来控制改变网页的内容

DOM树

网页文档的树形结构

DOM元素？DOM对象？DOM节点？指的是同一个东西吗？

是

每一个标签都是这个树上的节点。

②DOM元素的基本操作（增删改查）

    //query
    document.getElementById();
    document.getElementsByTagName();
    document.getElementsByClassName();
    document.getElementsByName(); //IE中不存在这个方法

    //add
    document.createElement();
    ele.appendChild();
    ele.insertBefore();
    //sup add
    childNodes
    children

    //del
    ele.remove()
    ele.parentNode.parentNode.removeChild();
    //modify

③如何操作自定义属性？

ele.getAttribute();

④文档碎片

document.createDocumentFragment();

⑤document.getElementsByClassName()的兼容问题