jacascript document对象
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！
Document 类型表示文档，或文档的根节点，这个节点是隐藏的，没有具体的节点标签；而 html 是根标签；
如果想得到 HTMLHtmlElement，不必使用 childNodes 这么麻烦，可以使用 documentElement 即可；
有时候我们只是想得到 body 标签，还可以用 document.body 获取；
<script type="text/javascript">
console.log(document.nodeType);//9
console.log(document.childNodes[0]);//<!DOCTYPE html>
console.log(document.childNodes[0].nodeType);//10 IE8及以下返回8 console.log(document.childNodes[1]);//<html>...</html>
console.log(document.childNodes[1].nodeType);//1
console.log(document.childNodes[1].nodeName);//HTML //如果想得到HTMLHtmlElement，不必使用 childNodes 这么麻烦，可以使用 documentElement 即可；
console.log(document.documentElement);//<html>...</html> //有时候我们只是想得到 body 标签
//我们之前用的 document.getElementsByTagName('body')[0]; 获得
//还可以用 document.body 获取
console.log(document.body === document.getElementsByTagName('body')[0]);
</script>
下面是一些前端常用到的 document 属性：
| 属性 | 说明 | |
|---|---|---|
| 主要属性 | document.title | 设置文档标题等价于HTML的<title>标签 |
| document.bgColor | 设置页面背景色 | |
| document.fgColor | 设置页面前景色（文本颜色） | |
| document.linkColor | 未点击过的链接颜色 | |
| document.alinkColor | 激活链接(焦点在此链接上)的颜色 | |
| document.vlinkColor | 已点击过的链接颜色 | |
| document.URL | 设置URL属性从而在同一窗口打开另一网页 | |
| document.fileCreatedDate | 文件建立日期，只读属性 | |
| document.fileModifiedDate | 文件修改日期，只读属性 | |
| document.fileSize | 文件大小，只读属性 | |
| document.cookie | 设置和读出cookie | |
| document.charset | 设置字符集 国际编码格式：utf-8 | |
| 指向其他节点或对象的属性 | document.doctype | <!DOCTYPE html> |
| document.documentElement | <html>...</html> | |
| document.head | <head>...</head> | |
| document.defaultView | window | |
| document.activeElement | 获得焦点的元素 | |
| 指向特定元素集合的属性 | document.all | 文档中的所有元素，Firefox不支持此属性 |
| document.anchors | 文档中所有的锚点，已废弃 | |
| document.links | 文档中所有的 a 超链接元素 | |
| document.forms | 文档中所有的 forms 元素 | |
| document.images | 文档中所有的 img 元素 | |
| document.scripts | 文档中所有的 script 元素 | |
| document.styleSheets | 文档中所有的 style 元素 | |
jacascript document对象的更多相关文章
- 报表软件JS开发引用HTML DOM的location和document对象
上一次提到,在报表软件FineReport的JavaScript开发中,可以访问并处理的HTML DOM对象有windows.location.document三种.这次就继续介绍后两种,locati ...
- Document对象和window对象
window对象--- 代表浏览器中的一个打开的窗口或者框架,window对象会在<body>或者<frameset>每次出现时被自动创建,在客户端JavaScript中,Wi ...
- Window.document对象
1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docunme ...
- JavaScript的DOM操作。Window.document对象
间隔执行一段代码:window.setlnteval("需要执行的代码",间隔毫秒数) 例 : window.setlnteval("alert("你 ...
- HTML DOM Document 对象
HTML DOM Document 对象 HTML DOM 节点 在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点: 文档是一个文档. 所有的HTML ...
- JS中document对象和window对象有什么区别
简单来说,document是window的一个对象属性.Window 对象表示浏览器中打开的窗口.如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 windo ...
- 9.22 window对象、document对象
一.window对象: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null,可以利用这个属性来关闭源窗口 dialogArgume ...
- Window.document对象 轮播练习
Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docun ...
- javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,
javascript获取iframe框架中,加载的页面document对象 因为浏览器安全限制,对跨域访问的页面,其document对象无法读取.设置属性 function getDocument(i ...
随机推荐
- 笔记：Hibernate 持久化类标注说明
持久化类标注 标注 @Entity:注解声明该类是一个Hibernate的持久化类 标注 @Table:指定该类映射的表 参数 name:指定映射数据库表的名称 参数 uniqueConstraint ...
- 多进程浏览器、多线程页面渲染与js的单线程
线程与进程 说到单线程,就得从操作系统进程开始说起.在早期的操作系统中并没有线程的概念,进程是能拥有资源和独立运行的最小单位,也是程序执行的最小单位.任务调度采用的是时间片轮转的抢占式调度方式,而进程 ...
- 通过漫画轻松掌握HDFS工作原理
- Tomcat下wtpwebapps文件夹 和 webapps文件夹区别
这两者其实没有区别.都是项目部署路径 webapps : tomcat默认部署路径 wtpwebapps : eclipse默认部署路径 只不过Tomcat6将wtpwebapps作为了默认路径,如果 ...
- vs运行单个cpp文件
打开vs,新建项目,左侧win32见上图,右侧 win32控制台应用程序,填好名称后,确定----下一步,如下图,空项目 紧接着如下图,通过现有项添加自己的cpp文件,便可以运行了
- ORACLE 11G R2 RAC classical install OGG12.1(LINUX) 经典抽取模式单项同步配置OGG12.1
博文结构图如下: 一.环境描述以及注意事项 1.1 环境简介 IP 系统 Oracle版本 OGG版本 源端 172.16.10.16/36 RHEL6.5 oracle11204 12.1 目标端 ...
- 云计算--网络原理与应用--20171120--VLAN与三层交换机配置
什么是VLAN及其配置 Trunk的原理与配置 三层交换机的基本配置 实验:配置一个三层交换机 一 VLAN 的概念及优势 VLAN(virtual local area network)就是虚拟局域 ...
- Beta阶段敏捷冲刺报告-DAY3
Beta阶段敏捷冲刺报告-DAY3 Scrum Meeting 敏捷开发日期 2017.11.4 会议时间 12:30 会议地点 软工所 参会人员 全体成员 会议内容 当天任务确认,进度调整, 讨论时 ...
- 团队作业7-Beta版本冲刺计划及安排
a.下一阶段需要改进完善的功能 对部分bug的修改,主要是在未登录时页面跳转的问题以及防止通过对数据库进行注入查询. b.下一阶段新增的功能 1.活动页面,提示打折信息等. 2.商家修改打折信息 3. ...
- 20145237 实验五《Java网络编程》
20145237 实验五<Java网络编程> 一.实验内容 •1.运行下载的TCP代码,结对进行,一人服务器,一人客户端: •2.利用加解密代码包,编译运行代码,一人加密,一人解密: •3 ...