码迷,mamicode.com
首页 > Web开发 > 详细

HTML DOM对象

时间:2015-06-04 20:49:25      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

Document对象
每个载入浏览器的HTML文档都会成为Document对象
Document对象让我们可以从javascript中操作文档中的所有元素
Document对象时window对象的一部分,可以通过window.document 对其进行访问

Document对象集合
all[]				提供对文档中所有html元素的访问,返回数组
anchors[]			返回文档中所有Anchor对象的引用,返回数组
applets 			返回文档中所有applet对象的引用
forms[]				返回文档中所有form对象的引用
images[]			返回文档中所有image对象引用
links[]				返回文档中所有 Area 和 Link对象引用

Document对象属性
body 				对body元素的直接访问,对于定义了框架集的文档,该属性引用最外层的 frameset
cookie				设置或返回当前文档有关的所有cookie,可读可写
domain 				返回当前文档的域名
lastModified 		返回文档被最后修改的时间和日期
referrer 			返回载入当前文档的文档的URL
title 				返回当前文档的标题
URL 				返回当前文档的URL,当前实际显示的URL

Document对象方法
open()					打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出
close() 				关闭一个由 document.open 方法打开的输出流,并显示选定的数据
getElementById()		返回对拥有指定id的第一个对象的引用
getElementsByName()		返回指定名称的对象集合
getElementsByTagName()	返回指定标签的对象集合
write() 				向文档写html表达式 或 javascript 代码
writeln() 				等同于write(),不同的是在每个表达式后写一个换行符




Element对象
Element对象 表示 HTML元素
NodeList 对象表示节点列表,比如HTML元素的子节点集合
所有浏览器都支持 Element对象 和 NodeList对象
属性和方法
element.accessKey						设置或返回元素的快捷键
element.appendChild() 					向元素添加最后一个子节点,作为最后一个子节点
element.attributes 						返回元素属性的集合
element.childNodes 						返回元素子节点的节点列表
element.className 						设置或返回元素的class属性

element.clientHeight 					返回元素的可见高度(不包括padding以外的,包括padding)
element.clientWidth 					返回元素的可见宽度

element.cloneNode() 					创建节点的拷贝,并返回该副本,如需要克隆所有后代,需要参数true,如果只需要克隆节点以及后代(不包括属性值),设置为false。
element.compareDocumentPosition() 		比较两个元素的文档位置
element.contentEditable 				设置或返回元素内容是否可编辑,true 是可编辑
element.dir 							设置或返回元素的文本方向
element.firstChild 						返回指定节点的首个子节点
element.getAttribute()					返回元素节点的指定属性值
element.getAttributeNode() 				返回指定的属性节点(和getAttribute类似)
element.getElementsByTagName()			返回指定标签名的集合,return 数组
element.getFeature() 					返回实现了指定特性的API的某个对象
element.getUserData() 					返回关联元素上键的对象
element.hasAttribute()					如果元素拥有指定属性,则返回true,否则返回false
element.hasAttributes()					如果元素拥有属性,则返回true,否则返回false,检测元素是否拥有属性
element.hasChildNodes() 				如果元素有子节点,则返回true,否则false,检测元素是否有子节点
element.id 								设置或返回元素的id

element.innerHTML						设置或返回元素的内容
element.insertBefore() 					在指定的已有的子节点前插入新节点
element.isContentEditable 				返回元素的内容是否可编辑
element.isDefaultNamespace() 			如果指定的namespaceURL是默认的,则返回true,否则返回false
element.isEqualNode() 					检查两个元素是否相等
element.isSameNode() 					检查两个元素是否是相同的节点
element.isSupported() 					如果元素支持指定特性,则返回true
element.lang 							设置或返回元素的语言代码
element.lastChild 						返回元素的最后一个子元素
element.namespaceURI 					返回元素的namespace URI
element.nextSibling						返回位于相同节点树层级的下一个节点,返回列表项的下一个同胞
element.nodeName 						返回元素的名称
element.nodeType 						返回元素的节点类型
element.nodeValue 						设置或返回元素值
element.normalize() 					合并元素中相邻的文本节点,并移除空的文本节点,个人理解恢复原文本节点数(这个很有意思哦)

element.offsetHeight					返回元素的高度(包括border)
element.offsetWidth 					返回元素的宽度
element.offsetLeft 						返回元素的水平偏移位置(根据body来计算这个偏移)
element.offsetTop 						返回元素的垂直偏移位置
element.offsetParent 					返回元素的偏移容器(偏移容器是body)

element.ownerDocument 					返回元素的根元素(文档对象)
element.parentNode 						返回元素的父节点,如果没有父节点,则返回null
element.previousSibling 				返回位于相同节点树层级的前一个元素,返回列表项的上一个同胞
element.removeAttribute() 				从元素中移除指定属性
element.removeAttributeNode() 			移除指定的属性节点,并返回被移除的节点
element.removeChild() 					从元素中移除子节点
element.replaceChild() 					替换元素中的子节点
element.scrollHeight 					返回元素的整体高度(不包括border,包括padding)
element.scrollLeft 						返回元素左边缘与视图之间的距离
element.scrollTop 						返回元素上边缘与视图之间的距离(当前元素超出去的高度)一定是超过本元素的哦
element.scrollWidth 					返回元素的整体宽度

element.setAttribute() 					把指定属性设置或更改为指定值
element.setAttributeNode() 				设置或更改指定属性节点
element.setIdAttribute() 				
element.setIdAttributeNode()
element.setUserData() 					把对象关联到元素的键
element.style 							设置或返回元素的style属性
element.tabIndex						设置或返回元素的tab键控制次序
element.tagName 						返回元素的标签名
element.textContent 					设置或返回节点以及其后代的文本内容
element.title 							设置或返回元素的title属性
element.toString() 						把元素转换为字符串
nodelist.item() 						返回NodeList中位于指定下标的节点
nodelist.length							返回NodeList中的节点数

  

HTML DOM对象

标签:

原文地址:http://www.cnblogs.com/geek12/p/4552737.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!