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将文档对象模型定义为:是一个能让程序和脚本动态 访问和更新文档内容.结构和样式的语言平台.提供了标准的 ...
随机推荐
- scrapy框架的日志等级和请求传参
日志等级 请求传参 如何提高scrapy的爬取效率 一.Scrapy的日志等级 - 在使用scrapy crawl spiderFileName运行程序时,在终端里打印输出的就是scrapy的日志信息 ...
- git diff 与git format-patch 生成补丁包
git diff commit_id 会生成最后一次提交到目前修改过的内容补丁 git diff commit_id1 commit_id2 会生成两次提交之间修改过的内容补丁 git format- ...
- python学习之路04——列表和字典
列表和字典 python中的可变数据类型有:列表和字典 不可变类型:数字,字符串,元组 今天先讲列表和字典 一.列表 1.概念: 变量:使用变量存储数据,但是,变量存储数据每次只能存储一个数据 问题: ...
- arduino uno r3的数据类型
char 一个字节,存储一个字符值.字符文字用单引号写成:'A' unsigned char 无符号,一个字节 byte 一个字节,无符号数, int 2字节,这产生-32768至32767的范围. ...
- Javascript 2.4
---恢复内容开始--- 弱类型语言,可以随意修改变量的数据类型 "..."中的字符串包含 " 时需要转义字符 \" '...'中的而字符串包含 ' 时需要转 ...
- Javascript 2.3
声明多个变量用逗号隔开 var teacher=30,stu=40; Javascript变量允许包含 美元符号 $
- hdu5000 Clone dp+大数
After eating food from Chernobyl, DRD got a super power: he could clone himself right now! He used t ...
- 排序算法练习--JAVA(:内部排序:插入、选择、冒泡、快速排序)
排序算法是数据结构中的经典算法知识点,也是笔试面试中经常考察的问题,平常学的不扎实笔试时候容易出洋相,回来恶补,尤其是碰到递归很可能被问到怎么用非递归实现... 内部排序: 插入排序:直接插入排序 选 ...
- PythonStudy——字典的定义 Dictionary definition
# 空字典 d1 = {} d2 = dict() # 用map映射创建字典 d3 = dict({'a': 1, 'b': 1}) print(d3) # 用关键字赋值方式 d4 = dict(na ...
- C# datagridview大小跟随窗口动态改变(转)
在C#中使用winform布局的时候,拖一个datagridview到窗体上面,将datagridview调整为适合窗体的大小. 但是运行之后,点击最大化按钮的时候,发现datagridview的大小 ...