JavaScript: DOM Docunment
Meaning:
In browser , we exchange data using JavaScript code with user.
We should know that most of these interactions are done by the document object and its components.
Every HTML document loaded into the browser becomes a "Document object".So , "Document object" is very important.
Properties of the document object:
|
expando
|
设置或获取表明是否可对象内创建任意变量的值。
|
|
activeElement
|
获取当父 document 拥有焦点时获得焦点的对象。
|
|
alinkColor
|
设置或获取元素中所有激活链接的颜色。
|
|
bgColor
|
不赞成。设置或获取表明对象后面的背景颜色的值。
|
|
charset
|
设置或获取用于解码对象的字符集。
|
|
cookie
|
设置或获取 cookie 的字符串值。
|
|
defaultCharset
|
从当前的区域语言中获取默认字符集。
|
|
designMode
|
设置或获取表明文档是否可被编辑的值。
|
|
dir
|
设置或获取表明对象的阅读顺序的值。
|
|
doctype
|
获取与当前文档关联的文档类型声明。
|
|
documentElement
|
获取对文档根结点的引用。
|
|
domain
|
设置或获取文档的安全域名。
|
|
|
|
fgColor
|
设置或获取文档的前景(文本)颜色。
|
|
fileCreatedDate
|
获取文件创建的日期。
|
|
fileModifiedDate
|
获取文件上次修改的日期。
|
|
fileSize
|
获取文件大小。
|
|
implementation
|
获取当前文档的 implementation 对象。
|
|
lastModified
|
获取页面上次修改的日期,若页面提供的话。
|
|
linkColor
|
设置或获取对象文档链接的颜色。
|
|
parentWindow
|
获取容器对象所在窗口的引用。
|
|
protocol
|
设置或获取 URL 的协议部分。
|
|
readyState
|
获取表明对象当前状态的值。
|
|
referrer
|
获取将用户引入当前页面的位置 URL。
|
|
uniqueID
|
获取为对象自动生成的唯一标识符。
|
|
URL
|
设置或获取当前文档的 URL。
|
|
URLUnencoded
|
获取文档的 URL,去除所有字符编码。
|
|
vlinkColor
|
设置或获取用户已访问过的链接颜色。
|
|
XMLDocument
|
获取对由对象引出的的 XML 文档对象模型(DOM)的引用。
|
|
XSLDocument
|
获取对 XSL 文档的顶层结点的引用。
|
aggregateof the document object:
|
集合
|
描述
|
|
all
|
返回对象所包含的元素集合的引用。
|
|
anchors
|
获取所有带有 name 和/或 id 属性的 a 对象的集合。此集合中的对象以 HTML 源顺序排列。
|
|
applets
|
获取文档中所有 applet 对象的集合。
|
|
childNodes
|
获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。
|
|
embeds
|
获取文档中所有 embed 对象的集合。
|
|
forms
|
获取以源顺序排列的文档中所有 form 对象的集合。
|
|
frames
|
获取给定文档定义或与给定窗口关联的文档定义的所有 window 对象的集合。
|
|
images
|
获取以源顺序排列的文档中所有 img 对象的集合。
|
|
links
|
获取文档中所有指定了 HREF 属性的 a 对象和所有 area 对象的集合。
|
|
namespaces
|
获取 namespace 对象的集合。
|
|
scripts
|
获取文档中所有 script 对象的集合。
|
|
styleSheets
|
获取代表与文档中每个 link 或 style 对象的实例相对应的样式表的 styleSheet 对象的集合。
|
Object method:
| document.write() | 动态向页面写入内容 |
| document.createElement(Tag) | 创建一个html标签对象 |
| document.getElementById(ID) | 获得指定ID值的对象 |
| document.getElementsByTagName(tagname) | 获得指定标签名的对象 |
| document.getElementsByName(Name) | 获得指定Name值的对象 |
| document.getElementsByClassName(classname) | 获得指定类名的对象(html5 API) |
(Reprinted from Baidu Encyclopedia)
Sharing some web sites with HTML Document learning and checking:
trigkit4-详解JavaScript Document对象:https://segmentfault.com/a/1190000000660947
W3school-HTML DOM Document 对象:http://www.w3school.com.cn/jsref/dom_obj_document.asp
Baidu-Document对象:https://baike.baidu.com/item/document%E5%AF%B9%E8%B1%A1/6553996
JavaScript: DOM Docunment的更多相关文章
- 读书笔记:JavaScript DOM 编程艺术(第二版)
读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Nets ...
- javascript DOM 操作 attribute 和 property 的区别
javascript DOM 操作 attribute 和 property 的区别 在做 URLRedirector 扩展时,注意到在使用 jquery 操作 checkbox 是否勾选时,用 at ...
- JavaScript DOM 编程艺术·setInterval与setTimeout的动画实现解析
先贴上moveElement()函数的大纲,为了方便观看,删了部分代码,完整版粘到文章后面. function moveElement(elementID,final_x,final_y,interv ...
- javascript DOM 操作
在javascript中,经常会需要操作DOM操作,在此记录一下学习到DOM操作的知识. 一.JavaScript DOM 操作 1.1.DOM概念 DOM :Document Object Mode ...
- javascript DOM操作之 querySelector,querySelectorAll
javascript DOM操作之 querySelector,querySelectorAll
- javaScript DOM JQuery AJAX
http://www.cnblogs.com/wupeiqi/articles/5369773.html 一 JavaScript JavaScript是一门编程语言,浏览器内置了JavaScript ...
- JavaScript : DOM文档解析详解
JavaScript DOM 文档解析 1.节点(node):来源于网络理论,代表网络中的一个连接点.网络是由节点构成的集合 <p title=“a gentle reminder”> ...
- JavaScript DOM 编程艺术(第2版)读书笔记(1)
JavaScript 简史 JavaScript 是Netscape公司与Sun公司合作开发的.在 JavaScript 1.0发布时,Netscape Navigator主宰着浏览器市场.微软在推出 ...
- javascript DOM操作HTML文档
文档对象模型(DOM)是W3C为解决浏览器混战时代不同浏览器环境之间的差别而制定的模型标准.W3C将文档对象模型定义为:是一个能让程序和脚本动态 访问和更新文档内容.结构和样式的语言平台.提供了标准的 ...
随机推荐
- 剑指Offer 28. 数组中出现次数超过一半的数字 (数组)
题目描述 数组中有一个数字出现的次数超过数组长度的一半,请找出这个数字.例如输入一个长度为9的数组{1,2,3,2,2,2,5,4,2}.由于数字2在数组中出现了5次,超过数组长度的一半,因此输出2. ...
- 12--Python入门--文件读写--TXT文件
在进行数据分析之前,可能需要读写自己的数据文件.或者在完成数据分析之后,想把结果输出到外部的文件在Python中,利用pandas模块中的几个函数,可以轻松实现这些功能,利用pandas读取文件之后数 ...
- React Native 继续学习
下一个项目公司也打算使用react native.大致看了下原型设计,写几个小demo先试试水.特此记录下. 1.微信及朋友圈分享.QQ及朋友圈分享,微博分享,微信支付,支付宝支付. 2.导航条渐隐 ...
- 使用mybatis调用存储过程(注解形式和配置文件形式)
最近在看资料中涉及到mybatis,突然想到mysql中的视图.存储过程.函数.现将在使用mybatis调用mysql的存储过程使用总结下: 使用的环境:mybatis3.4.6,mysql 5.6, ...
- des加密破解
在爬取某些网站时, 登录等重要操作的返回结果是des加密后的. 如何破解 1, Python 语言采用 pyDes 作为 DES 加解密处理的包. 2,通过请求 http://tool.chacuo. ...
- opencv读取摄像头实时流代码
opencv读取摄像头实时流代码: #include <opencv2/opencv.hpp> #include <iostream> using namespace cv; ...
- Oracle使用笔记(三)
在使用oracle过程中,总会遇到用户锁定,密码失效等问题,对于这些问题,总结了以下经验: 一.用户被锁定原因及解锁 对于用户被锁定,有以下几种原因: 1.密码过期: Oracle数据库的用户密码有效 ...
- Codeforces1076E. Vasya and a Tree(dfs+离线+动态维护前缀和)
题目链接:传送门 题目: E. Vasya and a Tree time limit per test seconds memory limit per test megabytes input s ...
- 用turtle画图
turtle是python自带一个寓教于乐的小乌龟,可以控制乌龟移动(机器人),可以留下足迹. turtledemo里有许多官方例子.刚才随性而发做,看了介绍随手画了一个,有点像自动原包机,通过简单的 ...
- Java高级特性 第5节 序列化和、反射机制
一.序列化 1.序列化概述 在实际开发中,经常需要将对象的信息保存到磁盘中便于检索,但通过前面输入输出流的方法逐一对对象的属性信息进行操作,很繁琐并容易出错,而序列化提供了轻松解决这个问题的快捷方法. ...