基础篇中，我们大篇幅的讲了什么是DOM，DOM的节点，以及为
什么不能直接修改DOM节点的值
现在来讲一下DOM在实际中提供的API，这里只提供方法，用法请去mdn查询
1.怎么找到DOM节点
常用的有三种方法：
getElemntById,getElementByClassName,getElementByTagname
这是老三招，通过类名，通过id，通过标签名
新的两招：
querySelector,querySelectorAll
这是目前常用的获得DOM节点的方法
2.节点相关的创建
创建节点：createElement()
创建文本节点：createTextNode()
复制一个节点：cloneNode()
面对大规模的节点操作时，我们使用createDocumentFragment
3.节点的修改
增加子节点（此时节点加在最后）：appendChild
增加子节点（加在指点点前）：insertBefore
完美版节点修改（这个可以自己指定节点加的位置，元素前，元素后，元素子节点前，元素子节点后，很好的属性）：insertAdjacentHTML
类似的还有insertAdjacentElement
删除节点：removeChild
替换：replaceChild
4.节点关系
父关系：parenetNode
子关系：children,childNotes,firstChild,lastChild
兄弟关系：previousSibling,nextSilbling,nextElementSlibing,previousElementSlibing
5.节点内元素
设置属性：setAttribute
得到属性：getAttribute
判断是否有该属性：hasAttribute
获取data开头的属性：dataset ???这个我没遇到过、、、
6.样式相关
直接修改：element.style.color ....
动态修改：innerHTML
获取样式：classList
(对应好多很好的属性，remove,add,toggle,replace)
获取所有样式：getComputedStyle
7.事件接口
监听事件：addEventListener,removeEventListener
以上就是DOM日常操作中的基础用法。但是这些不足以应付面试，下一篇专门讲讲面试中常常会遇到的
网友评论