JavaScript 获取元素的8种方法

DOM

文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是 DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。

JS获取DOM元素的八种方法

• 通过ID获取（getElementById）
• 通过name属性（getElementsByName）
• 通过标签名（getElementsByTagName）
• 通过类名（getElementsByClassName）
• 获取html的方法（document.documentElement）
• 获取body的方法（document.body）
• 通过选择器获取一个元素（querySelector）
• 通过选择器获取一组元素（querySelectorAll）

1、通过元素的ID去拿元素 --> 获取的是一个指定的元素（getElementById）

若页面上有一个或多个对应的ID ，则只获取第一个ID对应的元素
若页面上没有对应的ID ，则拿到的是个 null
console.log(div1);// 只有在标准浏览器下支持
console.log(document.getElementById(‘div1’));//全浏览器都支持

    console