DOM操作详解：访问与节点信息

需积分: 9 184 浏览量更新于2024-09-13 收藏 25KB DOCX 举报

"JavaScript DOM技术详解" DOM（Document Object Model）是HTML和XML文档的编程接口，它将网页内容表示为树形结构，使得通过JavaScript或其他脚本语言可以方便地访问和操作页面元素。本文主要围绕DOM的核心技术进行深入探讨。首先，访问节点是DOM操作的基础。`getElementById()`方法用于根据ID获取指定元素，如`document.getElementById("maindiv")`，这在定位特定元素时非常有用。`getElementsByTagName()`则返回指定标签名的所有元素，例如`document.getElementsByTagName("p")`会获取所有段落元素。此外，`parentNode`、`firstChild`和`lastChild`属性帮助我们遍历和操作节点关系。`parentNode`允许我们访问当前元素的父节点，例如移除元素`x`的父节点可以写为`x.parentNode.removeChild(x)`。`firstChild`和`lastChild`则分别返回节点的第一个子节点和最后一个子节点。对于根节点的访问，`document.documentElement`返回XML或HTML文档的根元素，通常是`<html>`标签；`document.body`则直接指向HTML文档的`<body>`标签，这是大多数页面内容所在的地方。 HTMLDOM节点信息包含几个关键属性：`nodeName`、`nodeValue`和`nodeType`。`nodeName`表示节点的名称，如元素节点的标签名，属性节点的属性名，文本节点的`#text`。`nodeValue`在文本节点中存储文本内容，在属性节点中存储属性值，而对于元素节点和文档节点则是不可用的。`nodeType`是一个整数值，表示节点类型，如元素节点1、属性节点2、文本节点3、注释节点8和文档节点9。窗口对象（`window`）是JavaScript全局对象，提供了许多与用户交互相关的属性和方法。`history`对象的`back()`、`forward()`和`go()`方法用于导航历史记录。`opener`属性引用创建当前窗口的窗口。`status`属性在IE浏览器中用于设置窗口状态栏的文本。`screenLeft`、`screenTop`、`screenX`和`screenY`提供窗口位置信息，不同浏览器支持的属性略有差异。 `window`对象还包含一系列用于控制页面行为的方法，如`clearInterval()`和`clearTimeout()`用于取消定时任务，`close()`关闭窗口，`confirm()`显示确认对话框，`createPopup()`创建弹出窗口，`moveBy()`和`moveTo()`移动窗口位置，`resizeBy()`和`resizeTo()`调整窗口尺寸，`alert()`显示警告对话框，以及`prompt()`用于获取用户输入等。理解并熟练运用这些DOM技术和`window`对象的方法，能让你在JavaScript编程中更加游刃有余，无论是动态更新页面内容，还是实现复杂的用户交互，都会变得得心应手。

  访问节点

使用 或者 

使用 、、

 属性常被用来改变文档的结构

 !!"

  "

根节点的访问使用   以及  # 第一个属性可返回

存在于 $%& 以及 '%& 文档中的文档根节点。第二个属性是对 '%& 页面的特殊扩展，提

供了对(#)标签的直接访问。

 '%&*%节点信息

节点信息包含 （节点名称）、+（节点值）、（节点类

型）。

 属性含有某个节点的名称：元素节点的  是标签名称、属性节点

的  是属性名称、文本节点的  永远是, 文档节点的  永远

是,。

+ 对于文本节点，+属性包含文本。对于属性节点，+属性

包含属性值。+属性对于文档节点和元素节点是不可用的。

 属性返回节点的类型：元素 -、属性 .、文本 /、注释 0、文档 1。

 22 对象属性

 有：#3、42、三个方法

：返回对创建此窗口的窗口的引用

：设置窗口状态栏的文本。只  下有用。

&5、、$、6：只读整数。声明了窗口的左上角在屏幕上

的的 坐标和 坐标。、74和 *支持 &5和 ，而 84和 74

支持 $和 6。

 22 对象方法

：取消 设置的循环。

：取消 方法设置的 9。

:关闭浏览器窗口。

:显示带有一段消息以及确认按钮和取消按钮的对话框。

;创建一个 < 窗口。

：可相对窗口的当前坐标把它移动指定的像素。

：把窗口的左上角移动到一个指定的坐标。

=>&??4? ：打开一个新的浏览器或查找一个已命名的窗口。

：表示替换当前条目还是创建新的条目。

?：把文档向右滚动的像素数，把文档向下滚动的像素数。

?：把内容滚动到指定的坐标。

：按照指定的周期（以毫秒计）来调用函数或计算表达式。

：在指定的毫秒数后调用函数或计算表达式。

 9 对象方法

：加载新的文档。

：重新加载当前文档。

：用新的文档替换当前文档。

 @ 对象

下载后可阅读完整内容，剩余3页未读，立即下载

小胆桂

粉丝: 0
资源: 4

DOM操作详解：访问与节点信息

Android读取DOM文件

基于JavaScript和DOM的动态表单设计及数据提交.pdf

study_snabbdom:自己动手写，200行代码领略virtual DOM技术的风骚，一窥diff算法的思想

深入解析base-dom压缩包内容与技术要点

DHTML技术要点

Dom练习美女时钟

html5技术要点

等等

Jquery 操作 Dom 标签 select

Ajax技术要点.docx

最新资源