document对象详解

最新推荐文章于 2022-11-28 23:45:41 发布
最新推荐文章于 2022-11-28 23:45:41 发布
阅读量3.7k 收藏 13
点赞数 1
分类专栏： javascript 文章标签： document
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zhi_19950628/article/details/80241890
版权
本文详细介绍了浏览器中的document对象，它是文档的根节点，从对象概述到属性和方法，包括指向其他节点的属性、特定元素集合的属性。document对象的方法如getElementById、getElementsByTagNam等用于查找和操作元素。此外，还提到了body子对象的相关事件和图层对象的属性，以及思维导图的应用。
摘要由CSDN通过智能技术生成

在浏览器中，与用户进行数据交换都是通过客户端的javascript代码来实现的，而完成这些交互工作大多数是document对象及其部件进行的，因此document对象是一个比较重要的对象。

document对象概述

document对象是文档的根节点，window.document属性就指向这个对象。也就是说，只要浏览器开始载入HTML文档，这个对象就开始存在了，可以直接调用。

document.childNodes属性返回该对象的所有子节点。对于HTML文档来说，document对象一般有两个子节点。

第一个子节点是document.doctype，表示文档类型节点（DocumentType）。对于HTML5文档来说，该节点就代表<!DOCTYPE html>。

第二个子节点是document.documentElement，表示元素节点（Element），代表：<html lang="en">。

document 对象的属性

document对象主要有如下属性：

属性 说明
document.title 设置文档标题等价于HTML的<title>标签
document.bgColor 设置页面背景色
document.linkColor 未点击过的链接颜色
document.alinkColor 激活链接(焦点在此链接上)的颜色
document.fgColor 设置前景色(文本颜色)
document.vlinkColor 已点击过的链接颜色
最低0.47元/天 解锁文章
Zhi_19950628
关注
  • 1
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript总结【10】Document
无名小小卒的博客
11-16 1655
DOM节点类 搜索文档 节点属性 nodetype nodeName 和 tagName innerHTML outerHTML nodeValue/data textContent hidden 其他属性 修改文档 样式和类 className 、 classList 和 style 计算样式 元素大小和滚动 几何 offsetParent、offsetLeft、offsetTop（只读） offsetWidth、offsetHeight（只读） clientTop、clientLeft、clientWi
javascript的document.referrer浏览器支持、失效情况总结
12-09
在流量统计服务中都有Traffic source这个功能。Traffic source是针对访次级别的概念，换句话说，当访次建立的时候，landing page的流量来源即是该访次的Traffic source。虽然Traffic source有很多种，不过不幸的是依据现在JS，获得Traffic source的途径只有两种——document.referrer、window.opener.更不幸的是，window.opener适用的场景不多，而document.referrer非常的弱，以至于很多场景下无法准确判断出流量来源。 document.referrer的覆盖 从使用意义上来说do
iOS 中JavaScript交互 Document对象详解
wang_Bo_JustOne的博客
11-14 1176
在浏览器中，与用户进行数据交换都是通过客户端的javascript代码来实现的，而完成这些交互工作大多数是document对象及其部件进行的，因此document对象是一个比较重要的对象。 document对象概述 document对象是文档的根节点，window.document属性就指向这个对象。也就是说，只要浏览器开始载入HTML文档，这个对象就开始存在了，可以直接调用。
document.body.scroll，document.documentElement.scroll，window.scroll在PC、IOS、安卓上的不同
qihongqqq的博客
09-07 452
之前的旧项目加了一个功能，"页面滚动到指定位置"，本来觉得很简单的一个东西，但是后面却出现了一些问题，写下来当做个记录，有误请帮忙指正。 document.documentElement.scroll，在PC上有效果，在IOS/安卓上没效果 document.body.scroll，在IOS/安卓上有效果，在PC上没效果 window.scroll，都有效。  ...
document.documentElement对象
黄某人的爬坑之路
06-29 1897
document.documentElement
document中三个主要的对象
Java教程
03-31 786
在document中主要有：links,anchor,form等三个最重要的对象： n anchor锚对象： anchor对象指的是a name=...> a>标识在HTML源码中存在时产生的对象。它包含着文档中所有的anchors信息。 n 链接links对象 link对象指的是用a href=...> 标记的连接一个超文本或超媒体的元素作为一个特定的URL。 n 窗体（form）对象
超清晰的document对象详解
10-31
超清晰的document对象详解 document对象是JavaScript中最基本、最重要的对象之一，它提供了访问和操作HTML文档的各种方法和属性。在本文中，我们将详细介绍document对象的各种属性和方法，并通过实例代码来说明它们...
Document对象详解
05-14
Document对象详解
JavaScript——DOM操作——Window.document对象详解
10-21
下面小编就为大家带来一篇JavaScript——DOM操作——Window.document对象详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js document对象详解
08-28
JS 的 document 对象详解 作为 JavaScript 脚本语言中最重要的对象之一，document 对象提供了大量的属性和方法来操作和控制 HTML 文档。下面是对 document 对象的详细介绍。 document 对象属性 1. document.title...
document和document.body的区别
xiliuhu的专栏
09-04 3094
二者的区别从html代码中看是非常明显的，document包括全部，而document.body只包括标签中的内容；可二者在页面视图上的区别也很简单，但似乎不太引人注意！以下代码作为演示："-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"http:/
document.hasFocus 与 document.visibilityState 的不同作用
抱朴守拙
08-29 699
document.hasFocus() hasFocus() 方法返回布尔值，表明当前文档或者当前文档内的节点是否获得了焦点。 document.visibilityState document（当前文档或页面） 的可见性状态： ‘visible’ : 此时页面内容至少是部分可见，即此页面在前景标签页中，并且窗口没有最小化. ‘hidden’ : 此时页面对用户不可见，即文档处于背景标签页或者窗口处于最小化状态，或者操作系统正处于 ‘锁屏状态’ . ‘prerender’ : 页面此时正在渲染中, 因
JavaScript中的DOM（一）
m0_51636525的博客
05-20 951
1.DOM的理解 DOM称为文档对象模型（Document Object Model） 将页面所有内容表示为可以修改的对象 ◼浏览器会对我们编写的HTML、CSS进行渲染，同时它又要考虑我们可能会通过JavaScript来对其进行操作：  于是浏览器将我们编写在HTML中的每一个元素（Element）都抽象成了一个个对象；  所有这些对象都可以通过JavaScript来对其进行访问，那么我们就可以通过JavaScript来操作页面；  所以，我们将这个抽象过程称之为 文档对象模型（D
JavaScript:DOM操作节点
qq_51810428的博客
09-21 512
节点属性 Element属性 节点信息 操作节点属性 节点创建&插入 节点删除&替换 操作节点样式 style属性 className属性
动态添加元素绑定事件在IOS失效
Jester的博客
10-18 895
如果页面中的元素是后期动态添加的时候，要给这些元素添加事件，普通的添加事件方法是无法生效的，必须要使用事件委托的方式来进行事件添加，如delegate()或on() 这两种方法都是由父元素或祖元素来调用的。 $(&amp;quot;.body&amp;quot;).delegate(&amp;quot;要绑定事件的元素&amp;quot;,&amp;quot;事件类型&amp;quot;,&amp;quot;事件处理函数&amp;quot;
html富文本编辑器焦点,富文本编辑器焦点 - 老鸟的空间的个人空间 - OSCHINA - 中文开源技术交流社区...
weixin_32484541的博客
06-07 153
htmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">window.onload=function(){ifr=document.getElementById('ifr1');doc=ifr.contentWindow.document;/...
HTMLDocument和XMLDocument 的children
weixin_34029680的博客
06-06 377
2019独角兽企业重金招聘Python工程师标准>>> ...
document对象
最新发布
qq_41988669的博客
11-28 933
DOM 是 JavaScript 操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。浏览器会根据 DOM 模型，将结构化文档（比如 HTML 和 XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOM Tree）。所有的节点和最终的树状结构，都有规范的对外接口。DOM 只是一个接口规范，可以用各种语言实现。
获取焦点 document.getElementById(“input“).focus()；
jieweiwujie的博客
08-31 1224
document.getElementById("input").focus();
JavaScript中的Document对象详解
"Document对象详解" 在JavaScript中，`Document`对象是网页内容的顶级容器，它代表了浏览器窗口中的HTML文档。作为一个子对象，`Document`位于`Window`对象之下，与状态栏、工具栏等浏览器组件并列，共同构成整个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值