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将文档对象模型定义为:是一个能让程序和脚本动态 访问和更新文档内容.结构和样式的语言平台.提供了标准的 ...
随机推荐
- idea护眼设置
idea护眼设置 看了很多intelliJ IDEA的配置文章,不知道大家为什么都不约而同的选择了黑色的那个主题,是很有感觉,很有程序猿的范.但是个人感觉对眼睛不太好,所以我还是用正常的框,建议大家把 ...
- 自用IP查询网址 - 地址 - 归属地 - 地理位置 - 2017.5
下面速度较快排行 http://city.ip138.com/ip2city.asp http://1212.ip138.com/ic.asp http://www.taobao.com/help/g ...
- C#如何运行外部程序(打开可执行程序):ShellExcute和Process
最近的任务用到C#来调用C++内核程序,也就是C++编译运行后生成的.exe文件.网搜了一下C#中运行外部程序大致有两种方法,在此稍作总结: (1)使用API函数ShellExcute 添加引用 us ...
- scrapy框架之递归解析和post请求
递归爬取解析多页页面数据 scrapy核心组件工作流程 scrapy的post请求发送 1.递归爬取解析多页页面数据 - 需求:将糗事百科所有页码的作者和段子内容数据进行爬取切持久化存储 - 需求分析 ...
- Idea 2017.3以后版本的破解
自从升级到idea2017.3之后,之前的license server破解方法貌似已失效.于是找到大神用的破解插件,很好很强大. 安装好idea之后不要打开软件,从http://idea.lanyus ...
- vs+qt 运行过程出现cannot run rc.exe
刚开始,我按照网上的一堆教程在qt creator中设置了各种东西,设置完以后,运行时出现cannot run rc.exe,根据百度,将C:\Program Files (x86)\Windows ...
- 互联网媒体类型 MIME Type
参考:https://zh.wikipedia.org/wiki/%E4%BA%92%E8%81%94%E7%BD%91%E5%AA%92%E4%BD%93%E7%B1%BB%E5%9E%8B 互联网 ...
- python中时间、日期、时间戳的转换
1.简介 在编写代码时,往往涉及时间.日期.时间戳的相互转换. 2.示例 # 引入模块 import time, datetime 2.1 str类型的日期转换为时间戳 # 字符类型的时间 tss1 ...
- C#高低位分解转换备忘
private void Form1_Load(object sender, EventArgs e) { , , , , , ); var arr = long2LowHight(time.ToFi ...
- day054 组件 CBV FBV 装饰器 ORM增删改查
组件: 把一小段HTML 放在一个HTML中 nav.html 使用: {% include ‘nav.html ’ %} 一. FBV 和CBV 1.FBV(function base ...