js DOM Document类型
JavaScript通过Document类型访问文档。在浏览器中,document对象是HTMLDocument(继承自 Document类型)的一个实例,表示整个HTML页面。document对象是window对象的一个属性。通过文档对象,不仅可以取得与页面有关的 信息,而且还能操作页面的外观及其底层结构。
1、文档的子节点
DOM规定Document的子节点可以是DocumentType、Element、ProcessingInstructor或Comment,但是还有两个内置的访问其子节点的快捷方式。
document.documentElement;//始终指向HTML页面中的<html>元素。
document.childNodes;//访问文档元素,例如document.childNodes[0]。
作为HTMLDocument的实例,document.body;//直接指向<body>元素。
2、文档信息
document对象还有一些标准的Document对象没有的属性。
var title = document.title;//包含<title>元素中的文本
document.title = 'new title';//修改当前页面的标题
var url = document.URL;//包含页面完整的URL
var domain = document.domain;//只包含页面的域名
var referrer = document.referrer;//保存着链接到当前页面的那个页面的URL
//所有的这些信息都存在于请求的http头部
domain属性可以设置,出于安全考虑,并非可以给domain设置任何值。如果URL包含一个子域名,例如p2p.wrox.com,之能将domain设置为wrox.com,不能将这个属性设置为URL中不包含的域。
由于跨域安全限制,来自不同域的页面无法通过JavaScript通信,而通过将每个页面的document.domain设置为相同的值,这些页面就可以互相访问对方包含的JavaScript对象了。浏览器对domain属性还有一个限制,即如果域名一开始是“松散的”,那么不能将它再设置为紧绷的,比如
document.domain = 'creprice.cn';//设置成松散型,成功
document.domain = 'www.creprice.cn';//出错
3、查找元素
document.getElementById('tagname');//返回id为tagname的元素,如果不存在,则返回null;Id区分大小写。
var div = document.getElementsByTagName('div');//返回包含零或多个元素的NodeList(类数组)
div.length;
document.getElementByName('color');//返回带有给定name特性的所有元素
js DOM Document类型的更多相关文章
- js DOM Node类型
DOM(文档对象模型)是针对HTML和XML文档的一个API. DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的.以特定节点为根节点的树形结构.节点分为12种不同的类型,每种类型分别表示 ...
- 第十章—DOM(一)——Document类型
DOCUMENT类型 JS通过document类型表示文档,在文档中document对象是HTMLDocument的一个实例,表示整个HTML页面.document对象是window对象的一个属性,因 ...
- 从原型链看DOM--Document类型
JavaScript通过Document类型表示文档,原型链的继承关系为:document.__proto__->HTMLDocument.prototype->Document.prot ...
- 第10章 文档对象模型DOM 10.2 Document类型
Document 类型 JavaScript 通过 Document 类型表示文档.在浏览器中, document 对象是 HTMLDocument (继承自 Document 类型)的一个实例,表示 ...
- DOM Document节点类型详解
在前面 DOM 概况 中,我们知道了 DOM 总共有 12 个节点类型,今天我们就来讲下 DOM 中最重要的节点类型之一的 document 节点类型. 1.概况 Javascript 通过 Docu ...
- JS中的DOM对象及JS对document对像的操作
DOM对象 windows:属性:opener(打开者) 方法:open().close(),setTimeout().setInterval()... location:属性:href 方法:rel ...
- 货架工程项目之js dom实现项目工程进度图
笔者最近要负责有个项目工程网站的安装进度过程,实现的效果要求大概如下图所示 由于笔者没有参与到数据库的制作,得知他们这个项目设计工序的时候就一个开始日期的和完成日期,连整个项目的安装结束时间都没有简直 ...
- JS nodeType返回类型
JS nodeType返回类型 前几天朋友正好问道 这个 js的nodeType是个什么概念(做浏览器底层的)正好遇到这篇文章可以向大家解释下 将HTML DOM中几个容易常用的属性做下记录: nod ...
- js——DOM操作(一)
DOM:Document Object Model 文档对象模型 文档:html页面 文档对象:页面中元素 文档对象模型:定义 为了能够让程序(js)去操作页面中的元素 DOM会把文档看作是一棵树 ...
随机推荐
- ASP.NET中Request.RawUrl、Request.Url的区别
如果访问的地址是: http://hovertree.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu 那么 ...
- C#控制台程序的参数解析类库 CommandLine简单使用说明
前言 C#开发的控制台程序,默认接收string[] args参数.如果有多个参数需要输入时,可以按照顺序依次输入:但如果有些参数不是必选的,或者有些参数中间需要有空格比如时间“2016-05-18 ...
- DataTable 除去列中重复值
DataTable dtPCI = dtblSourceData.DefaultView.ToTable(true, new string[] { "Server Cell PCI" ...
- Angular 2 要来了,Wijmo 已准备好迎接
Angular 是一款优秀的前端JS框架,已被用于Google的多款产品中,其核心特点是:MVVM.模块化.自动化双向数据绑定.语义化标签.依赖注入等.6年过去了,Angular 迎来了2.0版本. ...
- spring笔记2 spring MVC的基础知识2
2,spring MVC的注解驱动控制器,rest风格的支持 作为spring mvc的明星级别的功能,无疑是使得自己的code比较优雅的秘密武器: @RequestMapping处理用户的请求,下面 ...
- Java并发编程:如何创建线程?
Java并发编程:如何创建线程? 在前面一篇文章中已经讲述了在进程和线程的由来,今天就来讲一下在Java中如何创建线程,让线程去执行一个子任务.下面先讲述一下Java中的应用程序和进程相关的概念知识, ...
- 【Effective Java】7、优先考虑泛型方法
package cn.xf.cp.ch02.item27; import java.util.HashSet; import java.util.Set; public class Union { / ...
- 【LoadRunner】OSGI性能测试实例
其实我们就两点 Ø 确定测试登录最大并发用户数:Ø 事务平均响应时间 (两个查询) 得到这个任务 如何展开测试工作呢? 一.WindowsResources 设置(其实不监控 设不设都行 我感觉) ...
- GJM:书籍相关整理 [原创]
多人在线教程(中文)MultiplayerTutorial.pdf 链接: http://pan.baidu.com/s/1boDGGGZ 密码:9l2g 版权声明:本文原创发表于 ...
- 【转载】GUID vs INT Debate
I recently read a blog post on what was better using GUIDs or Integer values. This is been an age lo ...