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将文档对象模型定义为:是一个能让程序和脚本动态 访问和更新文档内容.结构和样式的语言平台.提供了标准的 ...
随机推荐
- Fibonacci Heaps
Mergeable heapsA mergeable heap is any data structure that supports the following five operations,in ...
- 强大的拖拽组件:React DnD 的使用
强大的拖拽组件:React DnD 的使用 react.js 10.6k 次阅读 · 读完需要 25 分钟 17 文章首发我的个人blog : 原文链接 学习 React DnD 的最初原因是阅读 ...
- linux command 3
#user 相关命令 #新创建一个oracle用户,这初始属于oinstall组,且同时让他也属于dba组.useradd oracle -g oinstall -G dba #删除指定用户 –r:是 ...
- nodeJS文件操作
让前端觉得如获神器的不是NodeJS能做网络编程,而是NodeJS能够操作文件.小至文件查找,大至代码编译,几乎没有一个前端工具不操作文件.换个角度讲,几乎也只需要一些数据处理逻辑,再加上一些文件操作 ...
- C++中字符数组与string的相互转换
字符数组转化成string类型char ch [] = "ABCDEFG";string str(ch);//也可string str = ch;或者char ch [] = &q ...
- codeforces 338D GCD Table
什么都不会只能学数论QAQ 英文原题不贴了 题意: 有一张N*M的表格,i行j列的元素是gcd(i,j)读入一个长度为k,元素大小不超过10^12的序列a[1..k],问这个序列是否在表格的某一行中出 ...
- spring中使用@PostConstruct和@PreConstruct注解
1.@PostConstruct说明 被@PostConstruct修饰的方法会在服务器加载Servlet的时候运行,并且只会被服务器调用一次,类似于Serclet的inti()方法.被@PostCo ...
- Linux tmpwatch命令详解
Linux tmpwatch命令 Linux tmpwatch命令用于删除暂存文件. 执行tmpwatch指令可删除不必要的暂存文件,您可以设置文件超期时间,单位以小时计算 用法: tmpwatch ...
- 黄聪:什么是XSS攻击
XSS是一种经常出现在web应用中的计算机安全漏洞,它允许恶意web用户将代码植入到提供给其它用户使用的页面中.比如这些代码包括HTML代码和客户端脚本.攻击者利用XSS漏洞旁路掉访问控制——例如同源 ...
- python之路——9
王二学习python的笔记以及记录,如有雷同,那也没事,欢迎交流,wx:wyb199594 学习内容 1.文件处理 1.打开文件 open(‘路径’,‘打开方式’) 打开方式 r w a r+ w+ ...