DOM

偏执的太偏执、 2022-05-15 07:47 119阅读 0赞

文档对象模型，提供了导航、访问结构化文档中的节点，以及对节点进行操作的能力。

结构化文档经过DOM解析器后，被解析为DOM树。

当浏览器装载一个HTML页面后，就获得了该HTML页面的DOM树。使用JS对这棵树进行修改，也就修改了HTML文档。

DOM为常用的HTML元素提供了一套完整的继承体系。

从页面document对象，到每一个常用元素，DOM模型都有对应的类。每个类都提供了对应的方法来操纵DOM元素及其属性、子类。

访问HTML元素：

DOM提供了三种方式访问HTML元素。

根据ID：document.getElementById(id值)，返回匹配的元素对象

根据CSS选择器：document.querySelector(selector1,selector2...)，返回第一个匹配到的元素对象。

document,querySelectorAll(selector1,selector2...)，返回所有匹配到的元素对象。

利用节点关系：先找到一个元素，比如document元素。再使用访问节点关系的方法。如parentNode等等。

HTML元素中，对应到DOM树中的类，都有常用的属性、方法用来操纵相应的元素。具体不一一列举了。需要查相关资料。

window对象：

是JS脚本的顶层对象。一个window对应着一个window对象。JS中所定义个全局变量、函数是其属性和方法。

常用方法：

alert()、confirm()、prompt()：弹出框

close()：关闭窗口

focus()、blur()：使窗口获得焦点、失去焦点

moveBy()、moveTo()：移动窗口

open()：打开一个新窗口

resizeBy()、resizeTo()：重设窗口大小

scrollBy()、scrollTo()：滚动窗口中的HTML文档

setInterval()、clearInterval()、setTimeout()、clearTimeout()：定时器

常用属性：

closed：窗口是否为关闭状态

document：窗口内的HTML文档对象

frames：窗口内的frame对象

history：窗口的浏览历史对象。有back()、forward()、go(+/-n)方法

location：窗口内HTML文档的URL。有href、port、host、hostname、protocal、pathname常用属性

name：窗口名。

screen：屏幕对象。有width、height常用属性

发表评论取消回复

表情：

评论列表（有 0 条评论，119人围观）

还没有评论，来说两句吧...

相关阅读

相关【JQ _DOM】DOM

JQuery HTML DOM text() object.text():getter object.text(“your text you want to

淩亂°似流年/ 2024年04月01日 16:11/ 0 赞/ 81 阅读

相关 DOM

1 标签操作直接查找 documeny.getElementById('') 间接查找文件内容： 1.innterText只有文本 2.innerHTML所有内

亦凉/ 2023年06月11日 09:23/ 0 赞/ 7 阅读

相关 DOM

DOM 1. 找到标签 a.获取单个元素：var obj = document.getElementById(‘i1’); b.获取标签元素，结

骑猪看日落/ 2023年06月03日 15:52/ 0 赞/ 8 阅读

相关 DOM

HTML DOM Document对象 DOM 是 Document Object Model（文档对象模型）的缩写。 1.document.body 返回文档的bo

不念不忘少年蓝@/ 2022年09月30日 03:49/ 0 赞/ 86 阅读

相关 DOM

··通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西，JavaScript 就需要对 HTML 文

偏执的太偏执、/ 2022年09月29日 06:34/ 0 赞/ 82 阅读

相关 DOM

DOM(document object model)是一组用来描述脚本怎样与结构化文档交互和访问的Web标准。DOM定义了一系列对象、方法和属性，用于访问、操纵和创建文档中的内

男娘i/ 2022年07月08日 14:58/ 0 赞/ 104 阅读

相关 DOM

1 DOM概念 DOM（Document Object Model）：文档对象模型。通过开发者工具的Elements标签页可以查看 ![这里写图片描述][Sout

电玩女神/ 2022年06月10日 10:18/ 0 赞/ 111 阅读

相关 [DOM] 什么是 DOM

一、写在前面: 1. Dom 即 Document Object Model (文档对象模型)，为 HTML、XML 设定的应用程序接口规范； 2. 定义了文档的逻辑

àì夳堔傛蜴生んèń/ 2022年06月03日 21:11/ 0 赞/ 273 阅读

相关 DOM

文档对象模型，提供了导航、访问结构化文档中的节点，以及对节点进行操作的能力。结构化文档经过DOM解析器后，被解析为DOM树。当浏览器装载一个HTML页面后，就获得了该H

偏执的太偏执、/ 2022年05月15日 07:47/ 0 赞/ 120 阅读

相关 DOM

目录一、什么是DOM 二、DOM节点 1.DOM节点的分类 2.获取元素节点 3.获取属性节点 4.获

女爷i/ 2021年09月07日 06:02/ 0 赞/ 416 阅读