DOM学习

否极泰来ed

已于 2022-06-25 00:28:12 修改

阅读量311

点赞数

文章标签：学习前端 javascript

于 2022-06-24 21:51:42 首次发布

本文链接：https://blog.csdn.net/m0_67736469/article/details/125418519

版权

一、DOM简介

1.什么是DOM

文档对象模型（简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。
W3C已经定义了一系列的DOM接口，通过这些接口可以改变网页的内容、结构和样式。

2.DOM树

在这里插入图片描述

文档：一个页面就是一个文档，DOM中使用document表示
元素：页面中的所有标签都是元素，DOM使用element表示
节点：网页中的所有内容都是节点（标签、属性、文本、注释等），DOM中使用node表示
DOM把上面的都看做了对象

二、获取元素

1.如何获取页面元素

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

2.根据ID获取

使用getElementById( )来获取
具体可参考网站：https://developer.mozilla.org/zh-CN/

第一种方法：

<body>
    <div id="time">2022-6-22</div>
    <script>
        // 1.因为我们文档页面从上往下加载，所以先得有标签 所以我们script写到标签的下面
        // 2.get 获得 element 元素 by 通过 驼峰命名法
        // 3.参数 id是大小写敏感的字符串
        var timer =document.getElementById('time');
        console.log(timer);
    </script>
</body>