（十四）javascript 之 (DOM简介+获取页面元素方法的介绍)

最新推荐文章于 2024-11-10 15:10:09 发布

冉冉编程

最新推荐文章于 2024-11-10 15:10:09 发布

阅读量126

点赞数

分类专栏： js 前端文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_57244464/article/details/126198188

版权

js 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

前端

7 篇文章 0 订阅

订阅专栏

DOM（文档对象模型）是处理HTML或XML的标准接口，由W3C定义。它允许通过DOM接口来改变网页的内容、结构和样式。常见的获取页面元素的方法包括：getElementById、getElementsByTagName、getElementsByClassName和querySelector等。DOM树形象地展示了网页结构，便于开发者操作。

摘要由CSDN通过智能技术生成

什么是DOM？

文档编程对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或XML）的标准编程接口。

W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容/结构/样式。

一个HTML页面就可以用如下的DOM树来表现和控制

如何获取页面元素？

获取页面元素的方法
代码	说明
document.getElementById('title1')	根据id获取页面元素
document.getElementsByTagName('p')	根据标签名获取页面元素（获取到的是所有对应标签元素的集合，以伪数组的形式存在）
document.getElementsByClassName('title2')	根据类名获取页面元素（返回的是所有具有指定类名元素的集合，以为数组的形式存在）
document.querySelector('.title2') document.querySelector('h2') document.querySelector('#title1')	document.querySelector()这个API相当于是一个通用的获取页面元素的方法，按照示例传入指定格式的参数即可获取相应的页面元素
document.body	获取body对象
document.documentElement	获取html对象