JS操作DOM-基础知识

一、什么是DOM

DOM 是Document Object Model( 文档对象模型 )的缩写。

DOM是把html里面的各种数据当作对象进行操作的一种思路。

比如一个超链，作为一个DOM对象，就可以使其隐藏，修改其href指向的地址。
DOM把所有的html都转换为节点
整个文档 是一个节点
元素 是节点
元素属性 是节点
元素内容 是节点
注释 也是节点

二、获取节点

关键字	简介
document.getElementById	通过id获取元素节点
getElementsByTagName	通过标签名称获取元素节点
getElementsByClassName	通过i类名获取元素节点
getElementsByName	通过表单元素的name获取元素节点
attributes	获取属性节点
childNodes	获取内容节点

三、DOM事件

关键字	简介
onfocus / onblur	焦点事件
onmousedown / onmouseup / onmousemove / onmouseout	鼠标事件
onkeydown / onkeypress / onkeyup	键盘事件
onclick / ondblclick	点击事件
onchange	变化事件
onsubmit	提交事件
onload	加载事件
return false	阻止事件的发生
this	当前组件

点此刻下载思维导图