【DOM重点核心--javascript】

DOM重点核心

    //动态创建元素有3种方法

    1.document.write() 如果页面文档加载完毕，在调用会导致页面重绘（不推荐）

    2.innerHTML创建多个元素的效率更高（不要拼接字符串，采取数组形式拼接），结构稍微复杂。

    3.document.createElement()创建多个元素效率稍微低一点，但是结构更清晰。

    //增加

    1.appendChild 在后面追加

    2.insertBefore 在前面插入

    //删

    1.removeChild

    //改

    1.修改元素的属性：src,href,title等

    2.修改普通元素的内容：innerHTML,innerText

    3.修改表单元素：value，type，disabled等

    4.修改元素样式：style，className

    //查

    1.DOM提供的API方法：getElementById,getElementByTagName古老用法不太推荐

    2.H5新增加的方法：querySelector,querySelectorAll提倡

    3.利用节点操作获取元素：父（parentNode）,子（children）提倡

    兄（previousElementSibling,nextElementSibling）提倡

    //属性操作

    1.setAttribute：设置dom的属性值

    2.getAttribute:得到dom的属性值

    3.removeAttribute移除属性

    //事件操作

    onclick,鼠标点击触发

    onmouseover,鼠标经过触发

    onmouseout,鼠标离开触发

    onfocus,获得鼠标焦点触发

    onblur,失去鼠标焦点触发

    onmousemove,鼠标移动触发

    onmouseup,鼠标弹起触发

    onmousedown,鼠标按下触发