dom简介
来源:互联网 发布:知进退明得失什么意思 编辑:程序博客网 时间:2024/05/02 00:01
一切皆节点:
通过getElementById() 和 getElementsByTagName()得到节点
getElementsByTagName("p");返回所有元素p
var x=document.getElementsByTagName("p");for (var i=0;i<x.length;i++) { // do something with each paragraph }
有两种特殊的文档属性可用来访问根节点:
- document.documentElement
- document.body
一个属性可返回存在于 XML 以及 HTML 文档中的文档根节点。
第二个属性是对 HTML 页面的特殊扩展,提供了对 <body> 标签的直接访问。
这三个属性 parentNode、firstChild 以及 lastChild 用于访问特定节点的下·特定相关节点, 例如:
var x=[a paragraph];var text=x.firstChild.nodeValue;
var x=document.getElementById("maindiv");x.parentNode.removeChild(x);
节点信息
每个节点都拥有包含着关于节点某些信息的属性。这些属性是:
- nodeName(节点名称)
- nodeValue(节点值)
- nodeType(节点类型)
nodeName
nodeName 属性含有某个节点的名称。
- 元素节点的 nodeName 是标签名称
- 属性节点的 nodeName 是属性名称
- 文本节点的 nodeName 永远是 #text
- 文档节点的 nodeName 永远是 #document
注释:nodeName 所包含的 XML 元素的标签名称永远是大写的
nodeValue
对于文本节点,nodeValue 属性包含文本。
对于属性节点,nodeValue 属性包含属性值。
nodeValue 属性对于文档节点和元素节点是不可用的。
nodeType 属性可返回节点的类型。
最重要的节点类型是:
window对象:
Window 对象集合
返回窗口中所有命名的框架。
该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。
419Window 对象属性
- screenLeft
- screenTop
- screenX
- screenY
Window 对象方法
navigator对象:
Navigator 对象集合
返回对文档中所有嵌入式对象的引用。
该集合是一个 Plugin 对象的数组,其中的元素代表浏览器已经安装的插件。Plug-in 对象提供的是有关插件的信息,其中包括它所支持的 MIME 类型的列表。
虽然 plugins[] 数组是由 IE 4 定义的,但是在 IE 4 中它却总是空的,因为 IE 4 不支持插件和 Plugin 对象。
419Navigator 对象属性
Navigator 对象方法
screen对象:
Screen 对象属性
属性
描述
IE
F
O
availHeight
返回显示屏幕的高度 (除 Windows 任务栏之外)。
4
1
9
availWidth
返回显示屏幕的宽度 (除 Windows 任务栏之外)。
4
1
9
bufferDepth
设置或返回调色板的比特深度。
4
No
No
colorDepth
返回目标设备或缓冲器上的调色板的比特深度。
4
1
9
deviceXDPI
返回显示屏幕的每英寸水平点数。
6
No
No
deviceYDPI
返回显示屏幕的每英寸垂直点数。
6
No
No
fontSmoothingEnabled
返回用户是否在显示控制面板中启用了字体平滑。
4
No
No
height
返回显示屏幕的高度。
4
1
9
logicalXDPI
返回显示屏幕每英寸的水平方向的常规点数。
6
No
No
logicalYDPI
返回显示屏幕每英寸的垂直方向的常规点数。
6
No
No
pixelDepth
返回显示屏幕的颜色分辨率(比特每像素)。
No
1
9
updateInterval
设置或返回屏幕的刷新率。
4
No
No
width
返回显示器屏幕的宽度。
4
1
9
history对象:
History 对象属性
History 对象方法
location对象:
Location 对象属性
Location 对象方法
以上是browser相关对象。
其他dom对象可参考:
http://www.w3school.com.cn/htmldom/
- DOM简介
- DOM简介
- DOM简介
- dom简介
- DOM 简介
- DOM简介
- DOM 简介
- Dom简介
- DOM简介
- DOM简介
- DOM简介【DOM】
- HTML DOM 之 DOM 简介
- 4-DOM简介-核心DOM
- HTML DOM 简介
- HTML DOM简介
- XML DOM 简介
- DOM与DHTML简介
- HTML DOM简介
- cookie的httponly属性
- 互联网产品秘籍
- TFS与其他分布式存储系统的对比分析
- Ubuntu crontab 定时执行php脚本文件
- GBK和GB2312
- dom简介
- Java中static的作用
- CI框架 .htaccess 隐藏url中index.php的解决(转)
- 学无止境
- WindowsAzure Storage的管理工具
- iPhone周边产品空间无限,自行车上的iPhone固定工具Mounty
- 测试一周
- 如何获得fck编辑框内的内容
- Office2003遇到的麻烦事