登录免费注册



24.1、DOM操作——获取DOM标签的方式

首页  思维导图  详情



24.1、DOM操作——获取DOM标签的方式

2024-02-27 18:41:09   0  举报





AI智能生成

DOM操作——获取DOM标签的方式

金色小芝麻

DOM

js

前端

模版推荐

作者其他创作

大纲/内容

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低版本浏览器

在不考虑兼容的情况下，这两种方法就足以我们需要的元素对象和集合了

Virtual DOM 的工作原理

 Collect

Get Started

Virtual DOM 的工作原理

 Collect

Get Started

DOM树

 Collect

Get Started

DOM

 Collect

Get Started

DOM操作













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document