24.1、DOM操作——获取DOM标签的方式
2024-02-27 18:41:09 0 举报AI智能生成
DOM操作——获取DOM标签的方式
作者其他创作
大纲/内容
document.getElementById([ID])<br>
在整个文档中，根据元素的ID，获得这个元素对象
document
是获取元素的上下文（获取元素的范围）
获取到的结果是一个对象（堆内存：里面存储着很多内置的属性和方法）
getElementById 方法的上下文只能是document
[context].getElementsByTagName([标签名])<br>
在指定的上下文中，基于元素的标签名获取一组<b>元素集合</b>
获取的结果是HTMLCollection元素集合（类数组：数字作为索引，length代表长度）
集合中的每一项都是一个单独的元素对象
[context].getElementsByClassName([样式类])<br>
在指定上下文中，基于样式类名获取对应的<b>元素集合</b>
集合就是集合，想操作某一项需要通过索引获取后在操作
不兼容IE6～8低版本浏览器
document.getElementsByName([NAME 属性名])<br>
根据元素的Name 属性值，在整个文档中获取一组<b>元素集合</b>
真实项目中也是基于它操作表单元素的，尤其是单选框或者复选框
在IE9以下只对表单元素作用
document.documentElement<br>
获取整个HTML元素对象
HTML是页面的根节点
document.body<br>
获取整个BODY
document.head<br>
获取整个HEAD
==========================我是分割线==========================
[context].querySelector([选择器])<br>
根据选择器（类似于CSS选择器）获取一个元素对象
不兼容`IE6~8`低版本浏览器
[context].querySelectorAll([选择器])<br>
根据选择器（类似于CSS选择器）快速获取一组元素集合
获取一组元素<b>集合</b>
哪怕只有一项也是集合
不兼容IE6~8低版本浏览器
在不考虑兼容的情况下，这两种方法就足以我们需要的元素对象和集合了
0 条评论
下一页
