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 ...
随机推荐
- 通过漫画轻松掌握HDFS工作原理
- Sticks Problem
Sticks Problem poj-2452 题目大意:给你一串n个数的数列a,上面的数为a1到an.我们求最大的y-x,其中,y和x满足1.x<y 2.任意的x<i<y,都有ai ...
- Android 的消息队列模型
Android 的消息队列模型 Android是参考Windows的消息循环机制来实现Android自身的消息循环的. Android通过Looper.Handler来实现消息循环机制,Andr ...
- Java虚拟机之类加载机制
⑴背景 Java虚拟机把Class文件加载到内存中,并对数据进行校验,转换解析,和初始化,最终形成被虚拟机直接使用的Java类型,这就是类加载机制. ⑵Jvm加载Class文件机制原理 类的生命周 ...
- java通过数据库连接池链接oracle
开发工具:Eclipse J2EE 3.6 运行环境:jdk1.6 部署环境:Tomcat7 数据库连接池用的是dbcp,网上download下来的三个jar包. 把数据库连接池包和jdbc的包放到t ...
- Alpha冲刺博客集
传送门 冲刺随笔 Alpha冲刺day1 (10.31):第一天博客地址 Alpha冲刺day2 (11.01):第二天博客地址 Alpha冲刺day3 (11.02):第三天博客地址 Alpha冲刺 ...
- 团队作业7——第二次项目冲刺(Beta版本12.08-12.10)
1.当天站立式会议照片 本次会议内容:1:每个人汇报自己完成的工作.2:组长分配各自要完成的任务. 2.每个人的工作 黄进勇:项目整合,后台代码. 李勇:前台界面优化. 何忠鹏:数据库模块. 郑希彬: ...
- Linux系统安装gcc/g++详细过程
下载: http://ftp.gnu.org/gnu/gcc/gcc-4.5.1/gcc-4.5.1.tar.bz2 浏览: http://ftp.gnu.org/gnu/gcc/gcc-4.5.1/ ...
- 20145237 实验二 “Java面向对象程序设计”
20145237 实验二 “Java面向对象程序设计” 实验内容 • 理解并掌握面向对象三要素:封装.继承.多态 • 初步掌握UML建模 • 熟悉S.O.L.I.D原则 • 使用TDD设计实现复数类 ...
- python网络爬虫,知识储备,简单爬虫的必知必会,【核心】
知识储备,简单爬虫的必知必会,[核心] 一.实验说明 1. 环境登录 无需密码自动登录,系统用户名shiyanlou 2. 环境介绍 本实验环境采用带桌面的Ubuntu Linux环境,实验中会用到桌 ...