DOM

获取元素

根据id获取

语法:document.getElementById(id)

根据标签名获取

document.getElementsByTagName(‘标签名’) 返回元素对象集合

H5新增获取元素方式

DOM_第1张图片

获取特殊的元素 (body,html)

DOM_第2张图片

事件

常见的鼠标事件

DOM_第3张图片

操作元素

常见元素操作

DOM_第4张图片
DOM_第5张图片

样式操作

DOM_第6张图片

自定义属性操作

DOM_第7张图片
DOM_第8张图片

H5自定义属性

DOM_第9张图片

节点

DOM_第10张图片
这个会返回元素,是经常用到的

获取第一个或者最后一个元素节点

DOM_第11张图片

获取兄弟节点

nextElementSibling
prevElenentSibling

创建元素

DOM_第12张图片

dom核心概括

DOM_第13张图片
DOM_第14张图片

事件高级

事件处理对象

DOM_第15张图片

阻止冒泡

e.stopPropagation(),

事件委托

给父元素注册事件,利用事件冒泡,当子元素的事件触发,会冒泡到父元素,然后去控制相应的子元素。

鼠标事件

DOM_第16张图片

键盘事件

DOM_第17张图片

键盘事件对象

DOM_第18张图片

你可能感兴趣的:(dom)