标签:remove 水平 eve 定义 onkeydown 方向 stop wrap 类型
Html基本结构访问方法
document.head
document.body
document.title
document.documentElement和document.html的意思一样,但是没有document.html的写法
HTML DOM Document 对象
Document 对象
每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
提示: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。 |
Document 对象描述
HTMLDocument 接口对 DOM Document 接口进行了扩展,定义 HTML 专用的属性和方法。
很多属性和方法都是 HTMLCollection 对象(实际上是可以用数组或名称索引的只读数组),其中保存了对锚、表单、链接以及其他可脚本元素的引用。
这些集合属性都源自于 0 级 DOM。它们已经被 Document.getElementsByTagName() 所取代,但是仍然常常使用,因为他们很方便。
write() 方法值得注意,在文档载入和解析的时候,它允许一个脚本向文档中插入动态生成的内容。
注意,在 1 级 DOM 中,HTMLDocument 定义了一个名为 getElementById() 的非常有用的方法。在 2 级 DOM 中,该方法已经被转移到了 Document 接口,它现在由 HTMLDocument 继承而不是由它定义了。
HTML DOM Element 对象
HTML DOM 节点
在 HTML DOM (文档对象模型)中,每个部分都是节点:
- 文档本身是文档节点
- 所有 HTML 元素是元素节点
- 所有 HTML 属性是属性节点
- HTML 元素内的文本是文本节点
- 注释是注释节点
Element 对象
在 HTML DOM 中,Element 对象表示 HTML 元素。
Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。
NodeList 对象表示节点列表,比如 HTML 元素的子节点集合。
元素也可以拥有属性。属性是属性节点(参见下一节)。
浏览器支持
所有浏览器都支持 Element 对象和 NodeList 对象。
属性和方法
下面的属性和方法可用于所有 HTML 元素上:
HTML DOM Attribute 对象
HTML DOM 节点
在 HTML DOM (文档对象模型)中,每个部分都是节点:
- 文档本身是文档节点
- 所有 HTML 元素是元素节点
- 所有 HTML 属性是属性节点
- HTML 元素内的文本是文本节点
- 注释是注释节点
Attr 对象
在 HTML DOM 中,Attr 对象表示 HTML 属性。
HTML 属性始终属于 HTML 元素。
NamedNodeMap 对象
在 HTML DOM 中,NamedNodeMap 对象表示元素属性节点的无序集合。
NamedNodeMap 中的节点可通过名称或索引(数字)来访问。
浏览器支持
所有浏览器都支持 Attr 对象和 NamedNodeMap 对象。
DOM 4 警告!
在 W3C DOM Core 中,Attr (attribute) 对象从 Node 对象继承所有属性和方法。
在 DOM 4 中,Attr 对象不再从 Node 继承。
为了保证未来的代码安全,您应该避免在属性对象上使用节点对象的属性和方法:
属性 / 方法 | 避免的理由 |
attr.appendChild() |
属性没有子节点。 |
attr.attributes |
属性没有属性。 |
attr.baseURI |
使用 document.baseURI 代替。 |
attr.childNodes |
属性没有子节点。 |
attr.cloneNode() |
使用 attr.value 代替。 |
attr.firstChild |
属性没有子节点。 |
attr.hasAttributes() |
属性没有属性。 |
attr.hasChildNodes |
属性没有子节点。 |
attr.insertBefore() |
属性没有子节点。 |
attr.isEqualNode() |
没有意义。 |
attr.isSameNode() |
没有意义。 |
attr.isSupported() |
始终为 true。 |
attr.lastChild |
属性没有子节点。 |
attr.nextSibling |
属性没有同级节点。 |
attr.nodeName |
使用 attr.name 代替。 |
attr.nodeType |
始终为 2 (ATTRIBUTE_NODE)。 |
attr.nodeValue |
使用 attr.value 代替。 |
attr.normalize() |
属性无法被正常化。 |
attr.ownerDocument |
始终是您的 HTML 文档。 |
attr.ownerElement |
这是您用来访问该属性的 HTML 元素。 |
attr.parentNode |
这是您用来访问该属性的 HTML 元素。 |
attr.previousSibling |
属性没有同级节点。 |
attr.removeChild |
属性没有子节点。 |
attr.replaceChild |
属性没有子节点。 |
attr.textContent |
使用 attr.value 代替。 |
HTML DOM Event 对象
Event 对象
Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
事件通常与函数结合使用,函数不会在事件发生前被执行!
事件句柄 (Event Handlers)
HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,可将之插入 HTML 标签以定义事件的行为。
IE 属性
除了上面的鼠标/事件属性,IE 浏览器还支持下面的属性:
属性 | 描述 |
cancelBubble |
如果事件句柄想阻止事件传播到包容对象,必须把该属性设为 true。 |
fromElement |
对于 mouseover 和 mouseout 事件,fromElement 引用移出鼠标的元素。 |
keyCode |
对于 keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件,它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。 |
offsetX,offsetY |
发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。 |
returnValue |
如果设置了该属性,它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle,可以取消发生事件的源元素的默认动作。 |
srcElement |
对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。 |
toElement |
对于 mouseover 和 mouseout 事件,该属性引用移入鼠标的元素。 |
x,y |
事件发生的位置的 x 坐标和 y 坐标,它们相对于用CSS动态定位的最内层包容元素。 |
标准 Event 属性
下面列出了 2 级 DOM 事件标准定义的属性。
标准 Event 方法
下面列出了 2 级 DOM 事件标准定义的方法。IE 的事件模型不支持这些方法:
DOM
标签:remove 水平 eve 定义 onkeydown 方向 stop wrap 类型
原文地址:http://www.cnblogs.com/lidongsheng/p/6038051.html