DOM
文档对象模型,是W3C组织推荐的处理可扩展标记语言的标准编程接口;W3C 已经定义了一系列的 DOM 接口,通过这些 DOM 接口可以改变网页的内容、结构和样式。
在DOM 中如何获取元素?
1.通过ID 获取
2.根据标签名获取
3.通过HTML5新增的方法获取
4.通过特殊元素获取
通过ID 获取
1. 因为我们文档页面从上往下加载,所以先得有标签 所以我们script写到标签的下面
2. get 获得 element 元素 by 通过 驼峰命名法
3. 参数 id是大小写敏感的字符串
4. 返回的是一个元素对象
例如:
<div id="time">2019-9-9</div>
<script>
var timer = document.getElementById('time');
console.log(timer);
console.log(typeof timer);
5. console.dir 打印我们返回的元素对象 更好的查看里面的属性和方法
console.dir(timer);
<script>
根据标签名获取
document.getElementsByTagName('标签名');
根据h5新增的方法获取
1. document.getElementsByClassName(‘类名’);// 根据类名返回元素对象集合
2. document.querySelector('选择器'); // 根据指定选择器返回第一个元素对象
3. document.querySelectorAll('选择器'); // 根据指定选择器返回
注意:querySelector 和 querySelectorAll里面的选择器需要加符号,比如:document.querySelector('#nav')
获取特殊元素
获取body的元素
var bodyEle = document.body;
获取html的元素
var htmlEle = document.documentElement
|
|