JavaScript DOM方法(笔记,持续更新)

142 阅读1分钟

什么是JavaScript DOM方法?

当一个网页(HTML)文件被加载时,浏览器会创建此界面的文档对象模型(Document Object Model)。如下图所示:

image.png

通过此对象,JavaScript有了足够的能力来改变HTML,具体如下:

  1. 改变所有HTML元素
  2. 改变所有HTML属性
  3. 改变所有CSS样式
  4. 对界面的事件做出反应

DOM中的一些基本概念

节点

元素节点:比如<body>, <p>, <ul> 等
文本节点
属性节点

如何获取元素节点?

1. getElementByID方法

因为ID是唯一的,所以直接返回元素节点所对应的对象

2. getElementByTagName方法

通过Tag来寻找节点,因为可能有多个元素用了这个Tag,所以返回一个对象数组

3. getElementByClassName方法

返回一个对象数组

如何获取和设置属性?

1. getAttribute

2. setAttribute