重学前端-关于dom那些事

大家好,我是龙骑士,今天给大家介绍前端经常提到的dom.
HTML dom定义了访问和操作html文档的标准,它中立与平台和语言的接口,允许程序动态的访问和更新文档内容,结构和样式.它是html文档的标准对象模型和标准编程接口.html dom是关于如何获取,修改,添加和删除html元素的标准.
HTML文档内所有内容都是节点.
html dom方法:
getElementById("");通过Id获取元素
getElementByTagName(""):返回具有指定标签名称的所有元素的节点列表(集合/节点列表)
getElementByClassName(""):返回具有指定类名的所有元素的节点列表
appendChild():插入新的子节点(元素)
removeChild():删除子节点(元素)
replaceChild():替换子节点
insertBefore():在指定的子节点面前插入新的子节点
createAttribute():创建属性节点
getAttribute():返回指定的属性值
setAttribute():把指定属性设置或修改为指定的值
createElement():创建元素节点
createTextNode():创建文本节点
一些常用的HTMLdom属性:
innerHTML:节点(元素)的文本值
nodeName:规定节点名称(只读)
nodeValue:规定节点的值,元素节点的nodeValue值是undefined或者null,文本节点的nodeValue值是文本本身,属性节点的nodeValue是属性值
parentNode:节点(元素)的父节点
childNodes:节点(元素)的子节点
attributes:节点(元素)的属性节点
nodetype:返回节点类型(只读)
html事件:
onload/onunload:当用户进入或者离开页面会触发onload/onunload事件,onload事件可以用来检查访客浏览器的版本和类型,以便基于这些信息加载不同版本的网页,onload/onunload事件可用于处理cookies
onchange事件:通常用于输入字段的验证
onmouseover和onmouseout事件:可以用于鼠标指针移动到或者离开元素时触发函数
onmousedown,onmuseup,onclick事件:onmousedown和onmouseup和onclick是鼠标点击的全过程,首先,当鼠标被点击是触发onmousedown事件,鼠标被松开触发onmouseup,点击动作完成,触发onclick事件