[JavaScript知识库]Javascript里DOM基础重点核心方法

1.创建元素

（1）document.write //直接将内容写入页面的内容流（当文档执行完毕，则它会导致页面全部重绘）

（2）element.innerHTML //将内容写入某个DOM节点，不会导致页面重绘，且创建多个元素时候效率更高（注意：不要拼接字符串，选择用数组形式拼接）

（3）document.creatElement() //创建多个元素效率会低一定，但是层次结构会比较清晰

总结：在不同浏览器下，innerHTML效率会高于createElement（面试常考）

2.增加元素

（1）appendChild //在后面增加元素

（2）insertBefore //在前面增加元素

3.删除元素

（1）removeChild

4.修改(主要修改DOM的元素属性，DOM元素内容，属性，表单的值等)

（1）修改普通元素内容：innerHTML ,innerText

（2）修改元素属性：src，href，title

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

（4）修改元素样式：style，className

5.查找(获取元素)

1.DOM提供API方法：getElementByld，getElementByTagName(不推荐使用，但也可以！这是老方法)

2.H5定义的新方法：querySelector，querySelectorAll

3.利用节点操作获取：父(parentNode),子(chlidren)兄弟(previousElementSibling,nextElementSibling)

6.属性操作

1.getAttribute:得到DOM属性值

2.setAttribute：设置DOM属性值

3.removeAttribute：移除属性

具体方法可查询网站：MDN Web Docs（一个非常好的学习各种关于JavaScript方法的网站，建议收藏）