文档对象模型(DOM)是中立于平台和语言的接口,它允许程序和脚本动态的访问和更新文档的内容、结构和样式。
DOM 是 Document Object Model(文档对象模型)的缩写。HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。
input打开页面自动获取焦点属性:autofocus;
DOM:
nodetype:1:元素节点 2:属性节点 3:文本节点
oUL.firstElementchild:第一个元素节点
oUL.lastElementchild:最后一个元素节点
oLI.parentNode:父节点,
oUL.children:子节点,不包含空节点
oUL.childNodes
:子节点,包含空节点
firstChild:第一个子节点,包含空节点
firstElementChild
:第一个子节点,不包含空节点
lastChild
:最后一个子节点,包含空节点
lastElementChild
:最后一个子节点,不包含空节点
nextSibling
:下一个兄弟节点,包含空节点
nextElementSibling
:下一个兄弟节点,不包含空节点
previousSibling
:前一个兄弟节点,包含空节点
previousElementSibling
:前一个兄弟节点,不包含空节点
offsetParent
:第一个有定位属性的父节点,如果没有,则返回body
onload 图片或加载完成
焦点事件
onfocus/onblur 获得焦点/失去焦点
onchange 表单内容发送改变
onclick 点击
ondblclick 点击两次
DOM属性获取与设置
获取方法:
element[attributename]
element . attributename
getAttribute( attributename )
设置属性:
setAttribute( attributename, attributevalue )
删除属性: removeAttribute( attributename )
操作子节点
创建节点 createElement( )
子节点的增删改
appendChild 在DOM子集最后添加子节点
insertBefore 在指定的已有子节点之前插入新的子节点
removeChild 删除一个节点
replaceChild 替换节点
常用属性:
className 类名
offsetWidth 宽
offsetHeight 高
offsetLeft offsetTop获取距离第一个定位父节点左上角的距离