一 什么是DOM
DOM是文档对象模型,documet-object-modal
document: 浏览器的内置对象,指的是整个网页
object: 浏览器把网页的每个节点都看成是一个对象
modal: 表示节点对象之间的关系(dom树),js操作网页必须通过dom树。
js操作dom首先从根节点开始查找
js操作DOM(js不能直接操作网页),DOM的改变映射到html, 进而显示出来
二 节点
节点是网页的最基础部分,所有节点构成一个html节点树
节点的类型主要有
文档节点0,
元素节点1,
属性节点2,
文本节点3,
数值是nodeType,表示节点类型的值。一个有9个节点类型,我们只关注这四个
三 节点对象的操作
1 元素节点查询
*document.getElementById('id值'); 通过id获取一个元素节点对象,返回一个对象
*document.getElementsByTagName(‘标签名’); 通过标签名获取一组元素节点对象, 返回一个数组
*document.getElementsByName(‘name值’); 通过name值获取一组元素节点对象,返回一个数组