HTML DOM
HTML DOM:定义了所有HTML元素的对象和属性,以及访问它们的方法
DOM方法:
1.获得元素:
|getElementById()-----------------根据ID取得元素
|getElementsByTagName()-----------根据标签名取得元素数组
|getElementsByClassName()---------根据类名取得元素数组
2.创建节点:
|createAttribute()----------------创建属性节点
|createElement()------------------创建元素节点
|createTextNode()-----------------创建文本节点
3.节点操作:
|appendChild()--------------------把新的子节点添加到指定节点
|removeChild()--------------------删除子节点
|replaceChild()-------------------替换子节点
|insertBefore()-------------------指定子节点之前添加新子节点
4.属性节点:
|getAttribute()-------------------取得属性值
|setAttribute()-------------------设置属性值
DOM属性:
|innerHTML属性--------------------元素内容
|nodeName属性---------------------节点名称,只读
|nodeValue属性--------------------节点值
|nodeType属性---------------------节点类型
事件属性:
|onclick事件----------------------元素被点击松开时触发
|onload事件-----------------------进入页面触发
|onunload事件---------------------离开页面触发
|onchange事件---------------------一般用于输入字段验证
|onmouseover事件------------------鼠标移动到元素上触发
|onmouseout事件-------------------鼠标离开元素时触发
|onmousedown事件------------------鼠标点下时触发
|onmouseup事件--------------------鼠标点下后松开时触发
DOM导航属性:
|firstChild-----------------------父节点的第一个子节点
|lastChild------------------------父节点的最后一个子节点
|parentNode-----------------------父节点
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。