什么是JavaScript DOM方法?
当一个网页(HTML)文件被加载时,浏览器会创建此界面的文档对象模型(Document Object Model)。如下图所示:
通过此对象,JavaScript有了足够的能力来改变HTML,具体如下:
- 改变所有HTML元素
- 改变所有HTML属性
- 改变所有CSS样式
- 对界面的事件做出反应
DOM中的一些基本概念
节点
元素节点:比如<body>,
<p>,
<ul>
等
文本节点
属性节点
如何获取元素节点?
1. getElementByID方法
因为ID是唯一的,所以直接返回元素节点所对应的对象
2. getElementByTagName方法
通过Tag来寻找节点,因为可能有多个元素用了这个Tag,所以返回一个对象数组
3. getElementByClassName方法
返回一个对象数组