【JavaScript】javascript中doucument对象的属性和方法有哪些

CrazyPanda发表于：2024-04-14 22:59:50浏览：284次TAG：

doucument对象的属性和方法有：body、cookie、domain、lastmodified、referrer、title、close()、open()、write()、getelementbyid()、normalize()等等。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

Document 对象

每个载入浏览器的 HTML 文档都会成为 Document 对象。

Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

Document 对象属性和方法

HTML文档中可以使用以下属性和方法:

属性 / 方法	描述
document.activeElement	返回当前获取焦点元素
document.addEventListener()	向文档添加句柄
document.adoptNode(node)	从另外一个文档返回 adapded 节点到当前文档。
document.anchors	返回对文档中所有 Anchor 对象的引用。
document.applets	返回对文档中所有 Applet 对象的引用。注意: HTML5 已不支持元素。
document.baseURI	返回文档的绝对基础 URI
document.body	返回文档的body元素
document.close()	关闭用 document.open() 方法打开的输出流，并显示选定的数据。
document.cookie	设置或返回与当前文档有关的所有 cookie。
document.createAttribute()	创建一个属性节点
document.createComment()	createComment() 方法可创建注释节点。
document.createDocumentFragment()	创建空的 DocumentFragment 对象，并返回此对象。
document.createElement()	创建元素节点。
document.createTextNode()	创建文本节点。
document.doctype	返回与文档相关的文档类型声明 (DTD)。
document.documentElement	返回文档的根节点
document.documentMode	返回用于通过浏览器渲染文档的模式
document.documentURI	设置或返回文档的位置
document.domain	返回当前文档的域名。
document.domConfig	已废弃。返回 normalizeDocument() 被调用时所使用的配置。
document.embeds	返回文档中所有嵌入的内容（embed）集合
document.forms	返回对文档中所有 Form 对象引用。
document.getElementsByClassName()	返回文档中所有指定类名的元素集合，作为 NodeList 对象。
document.getElementById()	返回对拥有指定 id 的第一个对象的引用。
document.getElementsByName()	返回带有指定名称的对象集合。
document.getElementsByTagName()	返回带有指定标签名的对象集合。
document.images	返回对文档中所有 Image 对象引用。
document.implementation	返回处理该文档的 DOMImplementation 对象。
document.importNode()	把一个节点从另一个文档复制到该文档以便应用。
document.inputEncoding	返回用于文档的编码方式（在解析时）。
document.lastModified	返回文档被最后修改的日期和时间。
document.links	返回对文档中所有 Area 和 Link 对象引用。
document.normalize()	删除空文本节点，并连接相邻节点
document.normalizeDocument()	删除空文本节点，并连接相邻节点的
document.open()	打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。
document.querySelector()	返回文档中匹配指定的CSS选择器的第一元素
document.querySelectorAll()	document.querySelectorAll() 是 HTML5中引入的新方法，返回文档中匹配的CSS选择器的所有元素节点列表
document.readyState	返回文档状态 (载入中……)
document.referrer	返回载入当前文档的文档的 URL。
document.removeEventListener()	移除文档中的事件句柄(由 addEventListener() 方法添加)
document.renameNode()	重命名元素或者属性节点。
document.scripts	返回页面中所有脚本的集合。
document.strictErrorChecking	设置或返回是否强制进行错误检查。
document.title	返回当前文档的标题。
document.URL	返回文档完整的URL
document.write()	向文档写 HTML 表达式或 JavaScript 代码。
document.writeln()	等同于 write() 方法，不同的是在每个表达式之后写一个换行符。

猜你喜欢

: 【JavaScript】JS获取时间并格式化; 方法一：使用JavaScript的Date对象和相关方法来获取时间并格式化var now = new Date();   // 格式化日期 var year = now.getFullYear(); var month = (now.getMonth() + 1 < 10 ? "0"&nbs; 发表于：2024-08-14 浏览：300 TAG：

: 【JavaScript】如何使用 layui 实现自适应; layui 是一个轻量级的现代前端框架，它提供了丰富的 UI 组件和强大的响应式功能。要使用 layui 实现自适应布局，可以按照以下步骤进行：1. 引用 layui 框架复制以下代码并将其粘贴到你的 HTML 页面中：<script src="path/to/layui.js"></script>2. 定义自适应布局的容器创建用于放置自适应内容的容器，并为其设置 layui-container 类：<div class=&q; 发表于：2024-08-08 浏览：239 TAG：

: 【JavaScript】5个最受欢迎的图像处理JS库; 图像处理库 (IML) 用于对图像执行各种处理功能：你可以增加图像的亮度、添加饱和度或滤镜、裁剪和调整大小，以及更多有价值的功能，这些功能将帮助你完成几乎所有事情并将你的网络浏览器变成 Adobe Lightroom！我们为每项重要的图像处理任务都提供了库，从简单的低级操作（例如滤镜、亮度和饱和度）到用于裁剪或图像合成的单一用途库。; 发表于：2024-10-14 浏览：373 TAG： #javascript #图像 #sharp #cropper

: 【Javascript】CSS3和js超酷iPhone样式科学计算器插件; CalcSS3是一款非常酷的CSS3和js模仿iPhone样式科学计算器插件。该计算器插件没有使用图片，纯CSS制作。该计算器是科学型的，可以处理乘方、开方、指数、对数等复杂的数学运算。; 发表于：2024-11-06 浏览：246 TAG： #javascript

: 【JavaScript】javascript中doucument对象的属性和方法有哪些; doucument对象的属性和方法有：body、cookie、domain、lastmodified、referrer、title、close()、open()、write()、getelementbyid()、normalize()等等。本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。Document 对象每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。; 发表于：2024-04-14 浏览：287 TAG：

: 【Javascript】localStorage和sessionStorage的使用; 一、什么是localStorage、sessionStorage在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 二、localStorage的优势与局限localStorage的优势1、localStorage拓展了cookie的4K限制2; 发表于：2024-03-27 浏览：339 TAG： #javascript #localstorage #sessionstorage

: 【JavaScript】js复制内容到剪切板; 复制内容到剪切板分两种情况，一种是从页面已有的可选元素中选中内容进行复制，一种是将Javascript代码中的字符串直接复制到剪切板。一、复制页面元素选中内容html<input type="textarea" id="txt" /> <button onclick="copy()">复制</button>jsfunction copy()&nbs; 发表于：2024-08-13 浏览：336 TAG： #javascript

: 【JavaScript】JS中referer的使用; HTTP请求中有一个referer的报文头，用来指明当前流量的来源参考页。例如在www.sina.com.cn/sports/上点击一个链接到达cctv.com首页，那么就referrer就是www.sina.com.cn/sports/了。在Javascript中，我们可以通过document.referrer来获取同样的信息。通过这个信息，我们就可以知道访客是从什么渠道来到当前页面的。这对于Web Analytics来说，是非常重要的，这可以告诉我们不同渠道带来的流量的分布情况，还有用户搜索; 发表于：2024-04-24 浏览：354 TAG：

: 【JavaScript】JS复制剪切神器clipboard.js基本使用; clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框，文本域，DIV元素中的文本等文本内容复制到剪贴板中 clipboard.js支持主流的浏览器：chrome 42+; Firefox 41+; IE 9+; opera 29+; Safari 10+;; 发表于：2024-11-05 浏览：143 TAG： #javascript #前端 #clipboard

: 【JavaScript】如何从 JavaScript 数组中删除重复元素？; 在 JavaScript 中，有多种方法可以从数组中删除重复元素。在本文中，我们将探讨一些删除重复元素的顶级方法。使用filter()方法filter()方法使用传递的条件创建一个新的元素数组。这将仅包含作为此过滤器方法的一部分返回 true 的元素。因此，要实现删除重复元素，我们只需在 filter() 方法中添加条件即可，它会完成剩下的工作。#过滤器.js<script>    var arr = ["stev; 发表于：2024-04-16 浏览：304 TAG：