js学习笔记--DOM

什么是DOM?

文档对象模型(Document Object Model,简称DOM)，是W3C组织推荐的处理可拓展标记语言（HTML或者XML）的标准 编程接口 。

W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。

通过js获取界面元素

1. 通过ID获取

使用 html getElementById()获取

例如document.getElementById('content');

参数id是大小写敏感的字符串，需用引号包裹

2. 根据标签名获取

使用getElementsByTagName()方法可以返回带有指定标签名的对象的集合

【1】因为得到的是一个对象的集合，因此想要操作里面的元素就需要遍历；【2】得到的元素对象是动态的

3. 根据HTML5新增方法获取

• 根据类名获取
  document.getElementsByClassName('类名')

• 根据指定选择器返回 第一个元素对象
  document.querySelector('选择器')

(注意：里面的选择器需要加符号：如.content #content)

• 根据指定选择器返回 所有元素对象
  document.querySelectorAll('选择器')

(注意：里面的选择器需要加符号： 如.content #content)

• 获取body元素对象
  document.body()

• 获取html元素对象
  document.documentElement()