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