Element 标签对象

属性 描述
获取对象  
children 返回所有子标签对象(IE8及以下,返回包含注释标签,注意判断)
宽、高、边距  
clientWidth 返回标签宽度(包含内边距,单位:px 像素)
clientHeight 返回标签高度(包含内边距,单位:px 像素)
   
offsetLeft 返回标签左边距(单位: px像素)
offsetTop 返回标签上边距(单位: px像素)
offsetWidth 返回标签宽度(包含内边距、边框、滚动条,单位: px像素)
offsetHeight 返回标签高度(包含内边距、边框、滚动条,单位: px像素)
   
scrollLeft 返回标签内容左边距(单位: px像素)
scrollTop 返回标签内容上边距(单位: px像素)
scrollWidth 返回标签内容宽度(包含内边距、边框、滚动条,单位: px像素)
scrollHeight 返回标签内容高度(包含内边距、边框、滚动条,单位: px像素)
属性  
attributes 返回标签所有属性(包含:属性名、属性值)
className 设置、返回标签class类名值
title 设置、返回标签title属性(注:不是head中的title)
tabIndex 设置、返回Tab顺序值(标签属性tabIndex)
编辑  
contentEditable 设置、返回标签是否可编辑(true可编辑、false不可编辑)
isContentEditable 判断标签是否可编辑(true可编辑、false不可编辑)
读写HTML代码  
innerHTML 设置、返回标签内 HTML代码(只内容)
outerHTML 设置、返回标签HTML代码(指定标签及内容)
其它  
length 返回集合个数,如:obj.children.length
tagName 返回标签名,如:div
方法 描述
模拟事件  
click() 鼠标单击
属性(除style属性)  
setAttribute() 设置属性值
getAttribute() 返回属性值
removeAttribute() 删除属性
插入删除  
insertAdjacentHTML() 将HTML代码插入指定位置
removeChild() 删除指定子标签
其它  
focus() 获得焦点
blur() 移除焦点
getBoundingClientRect() 返回标签相对窗口位置
toString() 将标签对象转换为字符串

DOM2 DOM3 (IE9+)

属性 描述
获取对象  
firstElementChild 返回第一个子标签对象,无子标签返回null
lastElementChild 返回最后一个子标签对象,无子标签返回null
previousElementSibling (DOM3)返回上一个兄弟标签对象,无上一个兄弟返回null
nextElementSibling (DOM3)返回下一个兄弟标签对象,无下一个兄弟返回null
parentElement (DOM3)返回父标签对象,无父标签返回nill
其它  
textContent 设置、返回标签内的文本
childElementCount 返回子标签个数
方法 描述
判断  
hasAttribute() 判断标签有指定属性,有true,无false
hasAttributes() 判断标签有无属性,有true,无false(无参)
其它  
scrollIntoView() 标签滚动到窗口显示区域