js中操作DOM元素

最新推荐文章于 2024-03-09 08:45:00 发布

乐YB

最新推荐文章于 2024-03-09 08:45:00 发布

阅读量263

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/m0_48469964/article/details/112844963

版权

一、什么是DOM？

DOM：文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。
DOM就是由节点组成的。

二、 DOM树

DOM树又称为文档树模型，把文档映射成树形结构，通过节点对象对其处理，处理的结果可以加入到当前的页面。

文档：一个页面就是一个文档，DOM中使用document表示
节点：网页中的所有内容，在文档树中都是节点（标签、属性、文本、注释等），使用node表示
标签节点：网页中的所有标签，通常称为元素节点，又简称为“元素”，使用element表示

三、获取DOM元素

document.getElementById(id) //根据ID获取元素对象
document.getElementsByTagName('标签名') //据标签名获取元素对象
document.getElementsByName //name为DOM元素上name属性的值
document.getElementsByClassName //根据类名返回元素对象
document.querySelector	//根据指定选择器返回第一个元素对象
document.querySelectorAll//根据指定选择器返回

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF

最低0.47元/天解锁文章

乐YB

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js中操作DOM元素

一、什么是DOM？DOM：文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。DOM就是由节点组成的。二、 DOM树DOM树又称为文档树模型，把文档映射成树形结构，通过节点对象对其处理，处理的结果可以加入到当前的页面。文档：一个页面就是一个文档，DOM中使用document表示节点：网页中的所有内容，在文档树中都是节点（标签、属性、文本、注释等），使用node表示标签节点：网页中的所有标签，通常称为
复制链接

扫一扫