DOM-01-简介

最新推荐文章于 2024-08-16 19:02:09 发布

EchoByCode

最新推荐文章于 2024-08-16 19:02:09 发布

阅读量93

点赞数

分类专栏： DOM操作文章标签： javascript 前端 html5

本文链接：https://blog.csdn.net/weixin_45438044/article/details/122661240

版权

这篇博客介绍了DOM的基本概念，并详细讲解了如何在JavaScript中获取页面元素，包括根据ID、标签名以及HTML5新增的方法，同时也涵盖了特殊元素的获取方式。

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

1、DOM简介

文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML
或者XML）的标准编程接口。开发中主要用来操作元素。
文档：一个页面就是一个文档，DOM 中使用 document 表示
元素：页面中的所有标签都是元素，DOM 中使用 element 表示
节点：网页中的所有内容都是节点（标签、属性、文本、注释等），DOM 中使用 node 表示

1.1 获取页面中的元素

根据 ID 获取
根据标签名获取
通过 HTML5 新增的方法获取
特殊元素获取

1.2 根据 ID 获取

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div id="time">1998-9-9</div>
    <script>
        // 返回的是一个元素对象
        var timer = document.getElementById('time');
        console.log(timer);
        console.log(typeof timer);
        // console.dir 打印我们返回的元素对象 更好的查看里面的属性和方法
        console.dir(timer);
    </script>
</body>

最低0.47元/天解锁文章

EchoByCode

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM-01-简介

1、DOM简介文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。开发中主要用来操作元素。文档：一个页面就是一个文档，DOM 中使用 document 表示元素：页面中的所有标签都是元素，DOM 中使用 element 表示节点：网页中的所有内容都是节点（标签、属性、文本、注释等），DOM 中使用 node 表示1.1 获取页面中的元素根据 ID 获取根据标签名获取通过 HTML5 新增的
复制链接

扫一扫

专栏目录