DOM元素的创建,增删改查和属性操作
创建:document.wirte、innerHTML、createElement
增加 :appendChild insertBefore
删除 :removeChild
修改
修改元素的属性:src、href、title等
修改普通元素内容:innerHTML、innerText
修改表单元素:value、type、disabled、checked等
修改元素样式:style、className
查询
DOM提供的API方法:getElementById、getElementsByTagName,
getElementByName,getElementByClassName
H5新增的方法:querySelector、querySelectorAll
document.body可以直接获取body
利用节点操作获取元素:
父 parentNode子 children 、
兄 弟 nextElementSibling\previousElementSibling
属性操作
setAttribute:设置dom的属性值
getAttribute:得到dom的属性值
removeAttribute移除属性
获取js元素的各种宽高
offset系列 经常用于获得元素位置 offsetLeft offsetTop
client经常用于获取元素大小 clientWidth clientHeight
scroll 经常用于获取滚动距离 scrollTop scrollLeft
javascript改变样式 (document.styleSheets)
事件对象属性方法
![](https://i-blog.csdnimg.cn/blog_migrate/ad293b8b3d3d5d1463e2a3543ffcb910.png)
Dom鼠标事件
![](https://i-blog.csdnimg.cn/blog_migrate/da494e16206659f5687f91643e768843.png)