DOM提供的9大内置对象

最新推荐文章于 2024-02-12 08:00:00 发布
最新推荐文章于 2024-02-12 08:00:00 发布
阅读量561 收藏
点赞数
文章标签： javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62356365/article/details/123643621
版权

## 1.1 DOM概述

DOM： 文档对象模型，当网页文档加载到浏览器内存时，浏览器会为文档生成一个对应的文档对象，

同时会解析这个文档中的所有内容，所有的成分都是一个节点，每个节点都是一个对象。

DOM 是这样规定的：

- 整个文档是一个文档节点
- 每个 XML 标签是一个元素节点
- 包含在 XML 元素中的文本是文本节点
- 每一个 XML 属性是一个属性节点
- 注释属于注释节点

补充：

XML文档： 可扩展标记语言， 这种文档以标签来描述数据的，而且可以自定义标签

HTML文档： 超文本标记语言，它是XML的子集，不能自定义标签

## 1.2 节点树

DOM文档会被浏览器解析为一个节点树，节点之间有等级关系：

父、子和同级节点用于描述这种关系。父节点拥有子节点，位于相同层级上的子节点称为同级节点（兄弟或姐妹）。

- 在节点树中，顶端的节点成为根节点
- 根节点之内的每个节点都有一个父节点
- 节点可以有任何数量的子节点
- 叶子是没有子节点的节点
- 同级节点是拥有相同父节点的节点

## 1.3 访问节点

XML DOM：HTMLCollection getElementsByTagName()  根据标签的名称可以获取到DOM节点集合，HTML DOM 继承了

每个节点都是Node的对象，每个节点对象都有nodeName、nodeValue、nodeType属性

​        

<body>
		
		
		<ul>
			<li&g
最低0.47元/天 解锁文章
m0_62356365
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
DOM对象（一）——DOM对象介绍、获取元素、事件和样式操作（包括案例：仿京东显示密码 点击关闭二维码等）
m0_53619602的博客
07-14 1042
## 常见的鼠标事件 |鼠标事件| 触发条件 | |--|--| | onclick | 鼠标点击左键触发 | | onmouseover |鼠标经过触发 | | onmouseout | 鼠标离开触发 | | onfocus |获得鼠标焦点触发 | |onblur |失去鼠标焦点触发 | |onmousemove | 鼠标移动触发 | |onmouseup | 鼠标弹起触发 | |onmousedown |鼠标按下触发 |...
DOM简介及选取元素(新手入门)
Bioye_的博客
11-05 2184
DOM 文档对象模型 JavaScript 通过 DOM (Document Object Model) 对浏览器中打开的网页文档进行修改. document 对象 浏览器窗口中的 网页文档, 被看成 DOM 模型的一个实例对象. document 对象 它属于 window 对象的 子对象 DOM模型呈现树状结构，因此也叫“树模型”，树中的内容（标签、属性、文本）称为“节点”，包含有元素节点（标签）、属性节点、文本节点。每个节点 都是一个dom节点对象。 选取DOM节点 遗留DOM ​ 早期
DOM常用的四大对象是什么？
weixin_33853794的博客
06-01 2329
DOM常用的四大对象是什么？ 一、总结 一句话总结： 1、关注结构，关注主干  2、从主干处着手的话，可以发现dom就是四个东西，document（文档），element，attribute，event（事件）。   1、在 HTML DOM （文档对象模型）中，是否是每个部分都是节点？ 解答：是 2、所有 HTML 属性都是是属性节点么？ 解答：是 3、HTML的文档本身是什...
什么是DOM对象？如何获取DOM对象？
zy1992As的博客
06-13 2236
DOM对象本质上是浏览器根据html标签生成的 JS对象，它的所有的标签属性都可以在这个 JS对象上面找到，修改这个对象的属性会自动映射到标签身上。DOM的核心思想是把网页内容当做对象来处理。其中document 对象是DOM 里提供的一个对象，所以它提供的属性和方法都是用来访问和操作网页内容的，网页中所有的内容在document里面。document与其他网页中各个节点元素关系如下：将 HTML 文档以树状结构直观的表现出来，我们称之为文档树或 DOM 树。文档树模型直观的体现了标签与标签之间的关系。
JavaScript(JS)的DOM对象(JS的Document对象)----什么是DOM对象?
No8g攻城狮的博客
04-02 6573
1、概念： Document Object Model 文档对象模型：将标记语言文档的各个组成部分，封装为对象。可以使用这些对象，对标记语言文档进行CRUD（增删改查）的动态操作。 通过 HTML DOM（如图所示），可访问 JavaScript HTML 文档的所有元素。 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被...
文档对象模型DOM通俗讲解
12-11
什么是DOM DOM的全称是Document Object Model，即文档对象模型，它允许脚本控制Web页面、窗口和文档。 如果没有DOM，JavaScript将是另外一种脚本语言；而有了DOM，它将成为制作动态页面的强有力工具。DOM不是...
JavaScript学习笔记之内置对象
11-30
JS Window 　窗口对象：...　甚至 HTML DOM 的 document 也是 window 对象的属性之一： window.document.getElementById(“header”); 　与此相同： document.getElementById
JavaScript 和 HTML DOM 参考手册
12-13
所有内置的JavaScript对象 所有浏览器对象 所有HTML DOM对象 JavaScript 对象参考手册 参考手册描述了每个对象的属性和方法，并提供了在线实例。 Array 对象 Boolean 对象 Date 对象 Math 对象 Number 对象 ...
详解PHP原生DOM对象操作XML的方法
10-21
大家都知道对于操作XML类型文件，PHP内置有一套DOM对象可以进行处理。对XML的操作，从创建、添加到修改、删除都可以使用DOM对象中的函数来进行。下面这篇文章通过示例代码给大家介绍如何进行操作，有需要的朋友们...
JavaScript学习总结(一) ECMAScript、BOM、DOM（核心、浏览器对象模型与文档对象模型）
10-18
JavaScript是一种解释执行的脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型，它遵循ECMAScript标准。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，主要用来给...
JavaScript学习：内置对象，DOM模型，BOM模型，事件编程
lilcur的博客
02-12 800
快速掌握JavaScript的中级知识
DOM对象
mmsx2017的博客
12-20 286
DOM对象简介 一、DOM对象 DOM，全称“Document Object Model（文档对象模型）”，它是由W3C组织定义的一个标准。 在前端开发时，我们往往需要在页面某个地方添加一个元素或者删除元素，这种添加元素、删除元素的操作就是通过DOM来实现的。 DOM就是一个接口，我们可以通过DOM来操作页面中各种元素，例如添加元素、删除元素、替换元素等。 DOM就是文档对象模型，文档对...
DOM对象和内置对象-JavaScript入门基础（008）
虾米大王的学习历程
01-05 285
函数设置默认参数： 有时候，我们需要函数的参数带默认值，是为了简化输入。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script> function sayHello(name = "everybo...
JS中DOM对象常用基础知识
古叶峰的博客
07-03 342
1、js的dom对象DOM :文档对象模型 文档：超文本文档html、xml 对象：提供了属性和方法 模型：使用属性和方法操作超文本标记型文档 可以使用js里面的dom里面提供的对象，使用这些对象的属性和方法，对标记型文本文档进行操作 document对象：整个html文档 element对象：标签对象 属性对象：一个标签内 文本对象：前
js HTML DOM对象
blue_86的博客
10-25 684
js中DOM对象非常重要，但是相对于部分操作来说会有些许麻烦，这时用针对HTML的DOM对象会让部分操作方便很多。 例如对表格进行增删改。有时浏览器还会自动添加tbody，对子类的访问会造成困难。 function addEle() { var tr = document.createElement("tr"); var tda = document.createElemen
DOM对象能干什么？
weixin_40763897的博客
02-27 1866
什么是DOM对象？DOM对象其实就是一棵由元素对象组成的大树。另外要特别强调一点，浏览器解析网页的顺序是从上到下的。所以有时要注意js代码与被控制元素对象的前后关系。处理DOM对象时，要确保网页完全加载后再执行，这一点至关重要，因为网页没有加载完的话，那么DOM对象就不会存在，因为它是一棵大树，树还没长成自然就不会有DOM对象啦。 1.获取内容（文件或HTML） &amp;lt;!doctype html...
DOM五大对象
weixin_30932215的博客
12-05 146
1、Window 对象：Window 对象表示浏览器中打开的窗口。 如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 2、Navigator 对象： Navigator 对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。 Navigator 对象的实例...
dom知识总结
qq_67263268的博客
04-24 128
dom对象.classList.add(类名1，类名2.....)添加类 dom对象.classList.remove(类名1，类名2.....)删除类 dom对象.classList.toggle(类名1，类名2.....)交互类 dom对象.classList.contains(类名1，类名2.....)判断类 含有该类，返回true，反之返回false 元素节点 属性节点 文本节点 nodeName节点名称/tagName标签名称 nodeType（节点类型）返回1 元素节点 nodeValu...
DOM资料之内置对象
宅羽的博客
10-23 163
◆ 内置对象
javascript的优缺点和内置对象
最新发布
05-03
JavaScript是一种高级的脚本语言，最初是为了网页前端开发而创建的。它具有以下优点和缺点： 优点： 1. JavaScript是一种解释型语言，不需要编译即可运行。 2. JavaScript是一种跨平台语言，可以在不同的操作系统和浏览器中运行。 3. JavaScript具有灵活性和互动性，可以与用户交互并实现动态效果。 4. JavaScript与HTML和CSS集成，可以方便地操纵DOM元素，改变网页内容和样式。 5. JavaScript有强大的库和框架，如jQuery、React、Vue等，可以大大提高开发效率。 缺点： 1. JavaScript是一种弱类型语言，可能导致类型转换错误。 2. JavaScript在处理大规模应用程序时可能会变得冗长和难以维护。 3. JavaScript的性能比较低，可能会影响网页的加载速度。 4. JavaScript的安全性问题较多，容易受到XSS攻击等。 JavaScript内置对象包括全局对象、基本数据类型、函数和对象。常见的内置对象包括：Math、Date、RegExp、Array、Object等。其中Math对象提供了数学函数，Date对象提供了日期和时间函数，RegExp对象提供了正则表达式函数，Array对象提供了数组操作函数，Object对象提供了对象操作函数。此外，JavaScript还有一些特殊的内置对象，如arguments、window、document等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值