1.Attr对象

1.1.属性和方法

属性 / 方法 描述
attr.isId 如果属性是 id 类型,则返回 true,否则返回 false。
attr.name 返回属性的名称。
attr.value 设置或返回属性的值。
attr.specified 如果已指定属性,则返回 true,否则返回 false。
nodemap.getNamedItem() 从 NamedNodeMap 返回指定的属性节点。
nodemap.item() 返回 NamedNodeMap 中位于指定下标的节点。
nodemap.length 返回 NamedNodeMap 中的节点数。
nodemap.removeNamedItem() 移除指定的属性节点。
nodemap.setNamedItem() 设置指定的属性节点(通过名称)。

1.2.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 代替。

2.Document 对象

2.1.Document 对象集合

集合 描述
all[] 提供对文档中所有 HTML 元素的访问。
anchors[] 返回对文档中所有 Anchor 对象的引用。
applets 返回对文档中所有 Applet 对象的引用。
forms[] 返回对文档中所有 Form 对象引用。
images[] 返回对文档中所有 Image 对象引用。
links[] 返回对文档中所有 Area 和 Link 对象引用。

2.2.Document 对象属性

属性 描述
body 提供对 <body> 元素的直接访问。
对于定义了框架集的文档,该属性引用最外层的 <frameset>
cookie 设置或返回与当前文档有关的所有 cookie。
domain 返回当前文档的域名。
lastModified 返回文档被最后修改的日期和时间。
referrer 返回载入当前文档的文档的 URL。
title 返回当前文档的标题。
URL 返回当前文档的 URL。

2.3.Document 对象方法

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

3.Element 对象

3.1.属性和方法

属性 / 方法 描述
element.accessKey 设置或返回元素的快捷键。
addEventListener() 将事件处理程序附加到元素。
element.appendChild() 向元素添加新的子节点,作为最后一个子节点。
element.attributes 返回元素属性的 NamedNodeMap。
element.childNodes 返回元素子节点的 NodeList。
element.className 设置或返回元素的 class 属性。
element.clientHeight 返回元素的可见高度。
element.clientWidth 返回元素的可见宽度。
element.cloneNode() 克隆元素。
element.compareDocumentPosition() 比较两个元素的文档位置。
element.contentEditable 设置或返回元素的内容是否可编辑。
element.dir 设置或返回元素的文本方向。
element.firstChild 返回元素的首个子。
element.getAttribute() 返回元素节点的指定属性值。
element.getAttributeNode() 返回指定的属性节点。
element.getElementsByTagName() 返回拥有指定标签名的所有子元素的集合。
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() 如果指定的 namespaceURI 是默认的,则返回 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 返回元素的高度。
element.offsetWidth 返回元素的宽度。
element.offsetLeft 返回元素的水平偏移位置。
element.offsetParent 返回元素的偏移容器。
element.offsetTop 返回元素的垂直偏移位置。
element.ownerDocument 返回元素的根元素(文档对象)。
element.parentNode 返回元素的父节点。
element.previousSibling 返回位于相同节点树层级的前一个元素。
element.removeAttribute() 从元素中移除指定属性。
element.removeAttributeNode() 移除指定的属性节点,并返回被移除的节点。
element.removeChild() 从元素中移除子节点。
element.replaceChild() 替换元素中的子节点。
element.scrollHeight 返回元素的整体高度。
element.scrollLeft 返回元素左边缘与视图之间的距离。
element.scrollTop 返回元素上边缘与视图之间的距离。
element.scrollWidth 返回元素的整体宽度。
element.setAttribute() 把指定属性设置或更改为指定值。
element.setAttributeNode() 设置或更改指定属性节点。
element.setUserData() 把对象关联到元素上的键。
element.style 设置或返回元素的 style 属性。
element.tabIndex 设置或返回元素的 tab 键控制次序。
element.tagName 返回元素的标签名。
element.textContent 设置或返回节点及其后代的文本内容。
element.title 设置或返回元素的 title 属性。
element.toString() 把元素转换为字符串。
nodelist.item() 返回 NodeList 中位于指定下标的节点。
nodelist.length 返回 NodeList 中的节点数。

4.Event(事件)

4.1.Event(事件)

事件 描述 属于
abort 媒体加载中止时发生该事件。 UiEvent
Event
afterprint 当页面开始打印时,或者关闭打印对话框时,发生此事件。 Event
animationend CSS 动画完成时发生此事件。 AnimationEvent
animationiteration 重复 CSS 动画时发生此事件。 AnimationEvent
animationstart CSS 动画开始时发生此事件。 AnimationEvent
beforeprint 即将打印页面时发生此事件。 Event
beforeunload 在文档即将被卸载之前发生此事件。 UiEvent
Event
blur 当元素失去焦点时发生此事件。 FocusEvent
canplay 当浏览器可以开始播放媒体时,发生此事件。 Event
canplaythrough 当浏览器可以在不停止缓冲的情况下播放媒体时发生此事件。 Event
change 当form元素的内容、选择的内容或选中的状态发生改变时,发生此事件 Event
click 当用户单击元素时发生此事件。 MouseEvent
contextmenu 当用户右键单击某个元素以打开上下文菜单时,发生此事件。 MouseEvent
copy 当用户复制元素的内容时发生此事件。 ClipboardEvent
cut 当用户剪切元素的内容时发生此事件。 ClipboardEvent
dblclick 当用户双击元素时发生此事件。 MouseEvent
drag 拖动元素时发生此事件。 DragEvent
dragend 当用户完成拖动元素后,发生此事件。 DragEvent
dragenter 当拖动的元素进入放置目标时,发生此事件。 DragEvent
dragleave 当拖动的元素离开放置目标时,发生此事件。 DragEvent
dragover 当拖动的元素位于放置目标之上时,发生此事件。 DragEvent
dragstart 当用户开始拖动元素时发生此事件。 DragEvent
drop 当将拖动的元素放置在放置目标上时,发生此事件。 DragEvent
durationchange 媒体时长改变时发生此事件。 Event
ended 在媒体播放到尽头时发生此事件。 Event
error 当加载外部文件时发生错误后,发生此事件。 ProgressEvent
UiEvent
Event
focus 在元素获得焦点时发生此事件。 FocusEvent
focusin 在元素即将获得焦点时发生此事件。 FocusEvent
focusout 在元素即将失去焦点时发生此事件。 FocusEvent
fullscreenchange 当元素以全屏模式显示时,发生此事件。 Event
fullscreenerror 当元素无法在全屏模式下显示时,发生此事件。 Event
hashchange 当 URL 的锚部分发生改变时,发生此事件。 HashChangeEvent
input 当元素获得用户输入时,发生此事件。 InputEvent
Event
invalid 当元素无效时,发生此事件。 Event
keydown 当用户正在按下键时,发生此事件。 KeyboardEvent
keypress 当用户按下键时,发生此事件。 KeyboardEvent
keyup 当用户松开键时,发生此事件。 KeyboardEvent
load 在对象已加载时,发生此事件。 UiEvent
Event
loadeddata 媒体数据加载后,发生此事件。 Event
loadedmetadata 加载元数据(比如尺寸和持续时间)时,发生此事件。 Event
loadstart 当浏览器开始查找指定的媒体时,发生此事件。 ProgressEvent
message 在通过此事件源接收消息时,发生此事件。 Event
mousedown 当用户在元素上按下鼠标按钮时,发生此事件。 MouseEvent
mouseenter 当指针移动到元素上时,发生此事件。 MouseEvent
mouseleave 当指针从元素上移出时,发生此事件。 MouseEvent
mousemove 当指针在元素上方移动时,发生此事件。 MouseEvent
mouseout 当用户将鼠标指针移出元素或其中的子元素时,发生此事件。 MouseEvent
mouseover 当指针移动到元素或其中的子元素上时,发生此事件。 MouseEvent
mouseup 当用户在元素上释放鼠标按钮时,发生此事件。 MouseEvent
mousewheel 不推荐使用。请改用 wheel 事件。 WheelEvent
offline 当浏览器开始脱机工作时,发生此事件。 Event
online 当浏览器开始在线工作时,发生此事件。 Event
open 当打开与事件源的连接时,发生此事件。 Event
pagehide 当用户离开某张网页进行导航时,发生此事件。 PageTransitionEvent
pageshow 在用户导航到某张网页时,发生此事件。 PageTransitionEvent
paste 当用户将一些内容粘贴到元素中时,发生此事件。 ClipboardEvent
pause 当媒体被用户暂停或以编程方式暂停时,发生此事件。 Event
play 当媒体已启动或不再暂停时,发生此事件。 Event
playing 在媒体被暂停或停止以缓冲后播放时,发生此事件。 Event
popstate 窗口的历史记录改变时,发生此事件。 PopStateEvent
progress 当浏览器正处于获得媒体数据的过程中时,发生此事件。 Event
ratechange 媒体播放速度改变时发生此事件。 Event
reset 重置表单时发生此事件。 Event
resize 调整文档视图的大小时发生此事件。 UiEvent
Event
scroll 滚动元素的滚动条时发生此事件。 UiEvent
Event
search 当用户在搜索字段中输入内容时,发生此事件。 Event
seeked 当用户完成移动/跳到媒体中的新位置时,发生该事件。 Event
seeking 当用户开始移动/跳到媒体中的新位置时,发生该事件。 Event
select 用户选择文本后(对于<input><textarea>)发生此事件 UiEvent
Event
show <menu>元素显示为上下文菜单时,发生此事件。 Event
stalled 当浏览器尝试获取媒体数据但数据不可用时,发生此事件。 Event
storage Web 存储区域更新时发生此事件。 StorageEvent
submit 在提交表单时发生此事件。 Event
suspend 当浏览器有意不获取媒体数据时,发生此事件。 Event
timeupdate 当播放位置更改时发生此事件。 Event
toggle 当用户打开或关闭 <details> 元素时,发生此事件。 Event
touchcancel 在触摸被中断时,发生此事件。 TouchEvent
touchend 当手指从触摸屏上移开时,发生此事件。 TouchEvent
touchmove 当手指在屏幕上拖动时,发生此事件。 TouchEvent
touchstart 当手指放在触摸屏上时,发生此事件。 TouchEvent
transitionend CSS 转换完成时,发生此事件。 TransitionEvent
unload 页面卸载后(对于 <body>),发生此事件。 UiEvent
Event
volumechange 当媒体的音量已更改时,发生此事件。 Event
waiting 当媒体已暂停但预期会恢复时,发生此事件。 Event
wheel 当鼠标滚轮在元素向上或向下滚动时,发生此事件。 WheelEvent

4.2.Event(事件)属性和方法

属性/方法 描述 属于
altKey 返回触发鼠标事件时是否按下了 “ALT” 键。 MouseEvent
altKey 返回触发按键事件时是否按下了 “ALT” 键。 KeyboardEvent
TouchEvent
animationName 返回动画的名称。 AnimationEvent
bubbles 返回特定事件是否为冒泡事件。 Event
button 返回触发鼠标事件时按下的鼠标按钮。 MouseEvent
buttons 返回触发鼠标事件时按下的鼠标按钮。 MouseEvent
cancelBubble 设置或返回事件是否应该向上层级进行传播。
cancelable 返回事件是否可以阻止其默认操作。 Event
changeTouches 返回在上一触摸与该触摸之间其状态已更改的所有触摸对象的列表 TouchEvent
charCode 返回触发 onkeypress 事件的键的 Unicode 字符代码。 KeyboardEvent
clientX 返回触发鼠标事件时,鼠标指针相对于当前窗口的水平坐标。 MouseEvent
TouchEvent
clientY 返回触发鼠标事件时,鼠标指针相对于当前窗口的垂直坐标。 MouseEvent
TouchEvent
clipboardData 返回对象,其中包含受剪贴板操作影响的数据。 ClipboardData
code 返回触发事件的键的代码。 KeyboardEvent
composed 指示该事件是否可以从 Shadow DOM 传递到一般的 DOM。 Event
composedPath() 返回事件的路径。
createEvent() 创建新事件。 Event
ctrlKey 返回触发鼠标事件时是否按下了 “CTRL” 键。 MouseEvent
ctrlKey 返回按键鼠标事件时是否按下了 “CTRL” 键。 KeyboardEvent
TouchEvent
currentTarget 返回其事件侦听器触发事件的元素。 Event
data 返回插入的字符。 InputEvent
dataTransfer 返回一个对象,其中包含被拖放或插入/删除的数据。 DragEvent
InputEvent
defaultPrevented 返回是否为事件调用 preventDefault() 方法。 Event
deltaX 返回鼠标滚轮的水平滚动量(x 轴)。 WheelEvent
deltaY 返回鼠标滚轮的垂直滚动量(y 轴)。 WheelEvent
deltaZ 返回鼠标滚轮的 Z 轴滚动量。 WheelEvent
deltaMode 返回数字,代表增量值(像素、线或页面)的度量单位。 WheelEvent
detail 返回数字,指示鼠标被单击了多少次。 UiEvent
elapsedTime 返回动画已运行的秒数。 AnimationEvent
elapsedTime 返回过渡已运行的秒数。
eventPhase 返回当前正在评估事件流处于哪个阶段。 Event
getModifierState() 返回包含目标范围的数组,此范围将受到插入/删除的影响。 MouseEvent
getTargetRanges() 返回包含目标范围的数组,此范围将受到插入/删除的影响。 InputEvent
inputType 返回更改的类型(即 “inserting” 或 “deleting”)。 InputEvent
isComposing 返回事件的状态是否正在构成。 InputEvent
KeyboardEvent
isTrusted 返回事件是否受信任。 Event
key 返回事件表示的键的键值。 KeyboardEvent
key 返回更改后的存储项的键。 StorageEvent
keyCode 返回触发 onkeypress、onkeydown 或 onkeyup 事件的键的 Unicode 字符代码。 KeyboardEvent
location 返回键盘或设备上按键的位置。 KeyboardEvent
lengthComputable 返回进度的长度是否可计算。 ProgressEvent
loaded 返回已加载的工作量。 ProgressEvent
metaKey 返回事件触发时是否按下了 “META” 键。 MouseEvent
metaKey 返回按键事件触发时是否按下了 “META” 键。 KeyboardEvent
TouchEvent
MovementX 返回相对于上一 mousemove 事件的位置的鼠标指针的水平坐标 MouseEvent
MovementY 返回相对于上一 mousemove 事件的位置的鼠标指针的垂直坐标 MouseEvent
newURL 返回更改 hash 后的文档 URL。 HasChangeEvent
newValue 返回更改后的存储项目的新值。 StorageEvent
offsetX 返回鼠标指针相对于目标元素边缘位置的水平坐标。 MouseEvent
offsetY 返回鼠标指针相对于目标元素边缘位置的垂直坐标。 MouseEvent
oldURL 返回更改 hash 前的文档 URL。 HasChangeEvent
oldValue 返回更改后的存储项目的旧值。 StorageEvent
onemptied 当发生不良情况且媒体文件突然不可用时,发生此事件。
pageX 返回触发鼠标事件时鼠标指针相对于文档的水平坐标。 MouseEvent
pageY 返回触发鼠标事件时鼠标指针相对于文档的垂直坐标。 MouseEvent
persisted 返回网页是否被浏览器缓存。 PageTransitionEvent
preventDefault() 如果可以取消事件,则将其取消,不执行属于该事件的默认操作。 Event
propertyName 返回与动画或过渡相关联的 CSS 属性的名称。 AnimationEvent
TransitionEvent
pseudoElement 返回动画或过渡的伪元素的名称。 AnimationEvent
TransitionEvent
region MouseEvent
relatedTarget 返回与触发鼠标事件的元素相关的元素。 MouseEvent
relatedTarget 返回与触发事件的元素相关的元素。 FocusEvent
repeat 返回是否重复按住某个键。 KeyboardEvent
screenX 返回窗口/鼠标指针相对于屏幕的水平坐标。 MouseEvent
screenY 返回窗口/鼠标指针相对于屏幕的垂直坐标。 MouseEvent
shiftKey 返回事件触发时是否按下了 “SHIFT” 键。 MouseEvent
shiftKey 返回按键事件触发时是否按下了 “SHIFT” 键。 KeyboardEvent
TouchEvent
state 返回包含历史记录条目副本的对象。 PopStateEvent
stopImme…() 防止同一事件的其他侦听器被调用。 Event
stopPropagation() 防止事件在事件流中进一步传播。 Event
storageArea 返回代表受影响的存储对象的对象。 StorageEvent
target 返回触发事件的元素。 Event
targetTouches 返回包含仍与触摸面接触的所有触摸点的Touch对象的TouchList列表 TouchEvent
timeStamp 返回创建事件的时间(相对于纪元的毫秒数)。 Event
total 返回将要加载的工作总量。 ProgressEvent
touches 返回当前与表面接触的所有 touch 对象的列表。 TouchEvent
type 返回事件名称。 Event
url 返回已更改项目的所在文档的 URL。 StorageEvent
which 返回触发鼠标事件时按下的鼠标按钮。 MouseEvent
which 返回触发 onkeypress 事件的键的 Unicode 字符码,或触发 onkeydown 或 onkeyup 事件的键的 Unicode 键码 KeyboardEvent
view 返回对发生事件的 Window 对象的引用。 UiEvent

5.Event(事件) 对象

5.1.Event 对象

Event 对象 描述
Event 所有事件对象的父对象。

5.2.其他事件对象

Event 对象 描述
AnimationEvent 针对 CSS 动画
ClipboardEvent 针对剪贴板的修改
DragEvent 针对拖放交互
FocusEvent 针对与焦点有关的事件
HashChangeEvent 针对 URL 锚点部分的更改
InputEvent 针对用户输入
KeyboardEvent 针对键盘交互
MouseEvent 针对鼠标交互
PageTransitionEvent 针对导航到网页或离开网页
PopStateEvent 针对历史记录条目中的更改
ProgressEvent 针对加载外部资源的进度
StorageEvent 针对窗口的存储区域中的更改
TouchEvent 针对触摸交互
TransitionEvent 针对 CSS 过渡
UiEvent 针对用户界面交互
WheelEvent 针对鼠标滚轮交互

6.HTMLCollection 对象

6.1.属性和方法

属性 / 方法 描述
item() 返回 HTMLCollection 中指定索引处的元素。
length 返回 HTMLCollection 中的元素数。
namedItem() 返回 HTMLCollection 中有指定 ID 或名称的元素。

7.Location 对象

7.1.Location 对象属性

属性 描述
hash 设置或返回从井号 (#) 开始的 URL(锚)。
host 设置或返回主机名和当前 URL 的端口号。
hostname 设置或返回当前 URL 的主机名。
href 设置或返回完整的 URL。
pathname 设置或返回当前 URL 的路径部分。
port 设置或返回当前 URL 的端口号。
protocol 设置或返回当前 URL 的协议。
search 设置或返回从问号 (?) 开始的 URL(查询部分)。

7.2.Location 对象方法

属性 描述
assign() 加载新的文档。
reload() 重新加载当前文档。
replace() 用新的文档替换当前文档。

8.Navigator 对象

8.1.Navigator 对象集合

集合 描述
plugins[] 返回对文档中所有嵌入式对象的引用。

该集合是一个 Plugin 对象的数组,其中的元素代表浏览器已经安装的插件。Plug-in 对象提供的是有关插件的信息,其中包括它所支持的 MIME 类型的列表。

虽然 plugins[] 数组是由 IE 4 定义的,但是在 IE 4 中它却总是空的,因为 IE 4 不支持插件和 Plugin 对象。

8.2.Navigator 对象属性

属性 描述
appCodeName 返回浏览器的代码名。
appMinorVersion 返回浏览器的次级版本。
appName 返回浏览器的名称。
appVersion 返回浏览器的平台和版本信息。
browserLanguage 返回当前浏览器的语言。
cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。
cpuClass 返回浏览器系统的 CPU 等级。
onLine 返回指明系统是否处于脱机模式的布尔值。
platform 返回运行浏览器的操作系统平台。
systemLanguage 返回 OS 使用的默认语言。
userAgent 返回由客户机发送服务器的 user-agent 头部的值。
userLanguage 返回 OS 的自然语言设置。

8.3.Navigator 对象方法

方法 描述
javaEnabled() 规定浏览器是否启用 Java。
taintEnabled() 规定浏览器是否启用数据污点 (data tainting)。

9.Screen 对象

9.1.Screen 对象属性

属性 描述
availHeight 返回显示屏幕的高度 (除 Windows 任务栏之外)。
availWidth 返回显示屏幕的宽度 (除 Windows 任务栏之外)。
bufferDepth 设置或返回调色板的比特深度。
colorDepth 返回目标设备或缓冲器上的调色板的比特深度。
deviceXDPI 返回显示屏幕的每英寸水平点数。
deviceYDPI 返回显示屏幕的每英寸垂直点数。
fontSmoothingEnabled 返回用户是否在显示控制面板中启用了字体平滑。
height 返回显示屏幕的高度。
logicalXDPI 返回显示屏幕每英寸的水平方向的常规点数。
logicalYDPI 返回显示屏幕每英寸的垂直方向的常规点数。
pixelDepth 返回显示屏幕的颜色分辨率(比特每像素)。
updateInterval 设置或返回屏幕的刷新率。
width 返回显示器屏幕的宽度

10.Style 对象

10.1.Background 属性

属性 描述
background 在一行中设置所有的背景属性
backgroundAttachment 设置背景图像是否固定或随页面滚动
backgroundColor 设置元素的背景颜色
backgroundImage 设置元素的背景图像
backgroundPosition 设置背景图像的起始位置
backgroundPositionX 设置backgroundPosition属性的X坐标
backgroundPositionY 设置backgroundPosition属性的Y坐标
backgroundRepeat 设置是否及如何重复背景图像

10.2.Border 和 Margin 属性

属性 描述
border 在一行设置四个边框的所有属性
borderBottom 在一行设置底边框的所有属性
borderBottomColor 设置底边框的颜色
borderBottomStyle 设置底边框的样式
borderBottomWidth 设置底边框的宽度
borderColor 设置所有四个边框的颜色 (可设置四种颜色)
borderLeft 在一行设置左边框的所有属性
borderLeftColor 设置左边框的颜色
borderLeftStyle 设置左边框的样式
borderLeftWidth 设置左边框的宽度
borderRight 在一行设置右边框的所有属性
borderRightColor 设置右边框的颜色
borderRightStyle 设置右边框的样式
borderRightWidth 设置右边框的宽度
borderStyle 设置所有四个边框的样式 (可设置四种样式)
borderTop 在一行设置顶边框的所有属性
borderTopColor 设置顶边框的颜色
borderTopStyle 设置顶边框的样式
borderTopWidth 设置顶边框的宽度
borderWidth 设置所有四条边框的宽度 (可设置四种宽度)
margin 设置元素的边距 (可设置四个值)
marginBottom 设置元素的底边距
marginLeft 设置元素的左边距
marginRight 设置元素的右边据
marginTop 设置元素的顶边距
outline 在一行设置所有的outline属性
outlineColor 设置围绕元素的轮廓颜色
outlineStyle 设置围绕元素的轮廓样式
outlineWidth 设置围绕元素的轮廓宽度
padding 设置元素的填充 (可设置四个值)
paddingBottom 设置元素的下填充
paddingLeft 设置元素的左填充
paddingRight 设置元素的右填充
paddingTop 设置元素的顶填充

10.3.Layout 属性

属性 描述
clear 设置在元素的哪边不允许其他的浮动元素
clip 设置元素的形状
content 设置元信息
counterIncrement 设置其后是正数的计数器名称的列表。其中整数指示每当元素出现时计数器的增量。默认是1。
counterReset 设置其后是正数的计数器名称的列表。其中整数指示每当元素出现时计数器被设置的值。默认是0。
cssFloat 设置图像或文本将出现(浮动)在另一元素中的何处。
cursor 设置显示的指针类型
direction 设置元素的文本方向
display 设置元素如何被显示
height 设置元素的高度
markerOffset 设置marker box的principal box距离其最近的边框边缘的距离
marks 设置是否cross marks或crop marks应仅仅被呈现于page box边缘之外
maxHeight 设置元素的最大高度
maxWidth 设置元素的最大宽度
minHeight 设置元素的最小高度
minWidth 设置元素的最小宽度
overflow 规定如何处理不适合元素盒的内容
verticalAlign 设置对元素中的内容进行垂直排列
visibility 设置元素是否可见
width 设置元素的宽度

10.4.List 属性

属性 描述
listStyle 在一行设置列表的所有属性
listStyleImage 把图像设置为列表项标记
listStylePosition 改变列表项标记的位置
listStyleType 设置列表项标记的类型

10.5.Positioning 属性

属性 描述
bottom 设置元素的底边缘距离父元素底边缘的之上或之下的距离
left 置元素的左边缘距离父元素左边缘的左边或右边的距离
position 把元素放置在static, relative, absolute 或 fixed 的位置
right 置元素的右边缘距离父元素右边缘的左边或右边的距离
top 设置元素的顶边缘距离父元素顶边缘的之上或之下的距离
zIndex 设置元素的堆叠次序

10.6.Printing 属性

属性 描述
orphans 设置段落留到页面底部的最小行数
page 设置显示某元素时使用的页面类型
pageBreakAfter 设置某元素之后的分页行为
pageBreakBefore 设置某元素之前的分页行为
pageBreakInside 设置某元素内部的分页行为
size 设置页面的方向和尺寸
widows 设置段落必须留到页面顶部的最小行数

10.7.Scrollbar 属性 (IE-only)

属性 描述
scrollbar3dLightColor 设置箭头和滚动条左侧和顶边的颜色
scrollbarArrowColor 设置滚动条上的箭头颜色
scrollbarBaseColor 设置滚动条的底色
scrollbarDarkShadowColor 设置箭头和滚动条右侧和底边的颜色
scrollbarFaceColor 设置滚动条的表色
scrollbarHighlightColor 设置箭头和滚动条左侧和顶边的颜色,以及滚动条的背景
scrollbarShadowColor 设置箭头和滚动条右侧和底边的颜色
scrollbarTrackColor 设置滚动条的背景色

10.8.Table 属性

属性 描述
borderCollapse 设置表格边框是否合并为单边框,或者像在标准的HTML中那样分离。
borderSpacing 设置分隔单元格边框的距离
captionSide 设置表格标题的位置
emptyCells 设置是否显示表格中的空单元格
tableLayout 设置用来显示表格单元格、行以及列的算法

10.9.Text 属性

属性 描述
color 设置文本的颜色
font 在一行设置所有的字体属性
fontFamily 设置元素的字体系列。
fontSize 设置元素的字体大小。
fontSizeAdjust 设置/调整文本的尺寸
fontStretch 设置如何紧缩或伸展字体
fontStyle 设置元素的字体样式
fontVariant 用小型大写字母字体来显示文本
fontWeight 设置字体的粗细
letterSpacing 设置字符间距
lineHeight 设置行间距
quotes 设置在文本中使用哪种引号
textAlign 排列文本
textDecoration 设置文本的修饰
textIndent 缩紧首行的文本
textShadow 设置文本的阴影效果
textTransform 对文本设置大写效果
unicodeBidi
whiteSpace 设置如何设置文本中的折行和空白符
wordSpacing 设置文本中的词间距

10.10.标准属性

属性 描述
dir 设置或返回文本的方向
lang 设置或返回元素的语言代码
title 设置或返回元素的咨询性的标题

11.Window 对象

11.1.Window 对象集合

集合 描述
frames[] 返回窗口中所有命名的框架。

该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。

11.2.Window 对象属性

属性 描述
closed 返回窗口是否已被关闭。
defaultStatus 设置或返回窗口状态栏中的默认文本。
document 对 Document 对象的只读引用。请参阅 Document 对象。
history 对 History 对象的只读引用。请参数 History 对象。
innerheight 返回窗口的文档显示区的高度。
innerwidth 返回窗口的文档显示区的宽度。
length 设置或返回窗口中的框架数量。
location 用于窗口或框架的 Location 对象。请参阅 Location 对象。
name 设置或返回窗口的名称。
Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象。
opener 返回对创建此窗口的窗口的引用。
outerheight 返回窗口的外部高度。
outerwidth 返回窗口的外部宽度。
pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。
pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
parent 返回父窗口。
Screen 对 Screen 对象的只读引用。请参数 Screen 对象。
self 返回对当前窗口的引用。等价于 Window 属性。
status 设置窗口状态栏的文本。
top 返回最顶层的先辈窗口。
window window 属性等价于 self 属性,它包含了对窗口自身的引用。
screenLeft
screenTop
screenX
screenY
只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 scr

11.3.Window 对象方法

方法 描述
alert() 显示带有一段消息和一个确认按钮的警告框。
blur() 把键盘焦点从顶层窗口移开。
clearInterval() 取消由 setInterval() 设置的 timeout。
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
close() 关闭浏览器窗口。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
createPopup() 创建一个 pop-up 窗口。
focus() 把键盘焦点给予一个窗口。
moveBy() 可相对窗口的当前坐标把它移动指定的像素。
moveTo() 把窗口的左上角移动到一个指定的坐标。
open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
print() 打印当前窗口的内容。
prompt() 显示可提示用户输入的对话框。
resizeBy() 按照指定的像素调整窗口的大小。
resizeTo() 把窗口的大小调整到指定的宽度和高度。
scrollBy() 按照指定的像素值来滚动内容。
scrollTo() 把内容滚动到指定的坐标。
setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。
setTimeout() 在指定的毫秒数后调用函数或计算表达式。

HTML DOM属性和方法相关推荐

  1. XML DOM – 属性和方法概述

    属性和方法向 XML DOM 定义了编程接口. 编程接口 DOM 把 XML 模拟为一系列节点对象.可通过 JavaScript 或其他编程语言来访问节点.在本教程中,我们使用 JavaScript. ...

  2. 在typescript中获取dom属性的方法

    在js中获取dom节点的属性可以使用document.getElementById('id')等方法获取dom节点,之后就可以直接获取该节点的属性,如: // 获取id节点的checked属性,tru ...

  3. JS操作DOM元素属性和方法

    Dom元素基本操作方法API,先记录下,方便以后使用. W3C DOM和JavaScript很容易混淆不清.DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本来访问 ...

  4. html属性是dom属性吗,HTML DOM 属性 对象

    HTML DOM 属性 对象 HTML DOM 节点 在 HTML DOM (Document Object Model) 中, 所有的都是 节点: 文档是文档节点 所有 HTML 元素是元素节点 所 ...

  5. HTML中DOM对象的属性和方法的层级关系是怎样的?(目录即层次)

    HTML中DOM对象的属性和方法的层级关系是怎样的?(目录即层次) 一.总结 一句话总结:目录就是测试题 1.document取得元素(get element)的方式有哪几种? 解答:四种,分别是id ...

  6. js DOM Element属性和方法整理

    js DOM Element属性和方法整理 节点操作,属性 1. childNodes.children 这两个属性获取到的子节点会根据浏览器的不同而不同的,所以一定要判断下nodeType是否为1. ...

  7. dom对象常用的属性和方法有哪些?

    dom对象常用的属性和方法有哪些? 一.总结 一句话总结: 1.document属性和方法:document的属性有head,body之类,方法有各种获取element的方法 2.element的属性 ...

  8. 前端:JS/25/DOM官方定义,DOM分类,HTML节点树(节点关系,节点类型,),核心DOM中公共的属性和方法(节点访问,查找DOM节点,节点属性,节点的创建,追加和删除)

    DOM官方定义 DOM,Document Object Model,文档对象模型,我们可以把网页中的所有"东西"看成是对象": DOM的官方定义:DOM可以使用脚本,动态 ...

  9. DOM 对象的方法和属性

    一些常用的 HTML DOM 属性: innerHTML - 节点(元素)的文本值 parentNode - 节点(元素)的父节点 childNodes - 节点(元素)的子节点 attributes ...

最新文章

  1. 多线程并行和并发的区别
  2. C语言中标准输入流、标准输出流、标准错误输出流
  3. 白话Elasticsearch35-深入聚合数据分析之案例实战更多metrics用法:统计每种颜色电视最大最小价格
  4. (大纲)三小时学会openCV
  5. QT的QBarCategoryAxis类的使用
  6. Google Guava BiMaps
  7. JavaSE第九天20160815
  8. Java中,String类型和包装类型作为参数传递时,是属于值传递还是引用传递呢?...
  9. 折半查找和二叉排序树的时间性能_详解二叉排序树(基础篇)
  10. Java程序莫名其妙卡死的一次经历
  11. Biopython -- SeqRecord
  12. HTML5拖放(drag和drog)
  13. Could not load org.apache.hadoop.hive.conf.HiveConf. Make sure HIVE_CONF_DIR is set correctly.
  14. java八皇后答案_java八皇后问题详解
  15. c语言源程序自动评判系统,源程序的自动评判系统.PDF
  16. 随机事件和概率及概率的性质
  17. Win10系统 格式化分配单元大小的解释与分配方法
  18. win10:如何通过注册表删除右键菜单
  19. 笔记本F1音量键常亮,电脑没声音?这里有妙招。
  20. java 8——Stream

热门文章

  1. Oracle 数据块头部的Fuzzy标记
  2. 晶联讯1353显示屏测试程序
  3. 360 mysql读写分离_mysql-proxy之奇虎360 Atlas 安装实现mysql读写分离
  4. 【51nod】---1278 相离的圆(二分排序)
  5. windows控制台命令合集
  6. VR中的9轴传感器(重力加速度/陀螺仪/磁力计)
  7. [GIS] 火星坐标GCJ-02的实质 | 高德地图的实际坐标系
  8. 怎么修改网页边框html,DIV+CSS网页布局之边框的设置方法
  9. 计算机毕业设计、计算机课程设计怎么做?计算机设计1900套来帮你!
  10. Java实现人物拼图游戏