元素节点可谓是关键,对于元素节点的增删改查是最常用的。
一、获取元素节点的方法
document.getElementById()
document(Element).getElementsByClassName()
document(Element).getElementsByTagName()
document.getElementsByName()
document(Element).querySelector()
document(Element).querySelectorAll()
二、查找元素的父节点
parentNode
parentElement
三、查找元素的子节点
childNodes(子节点)
children(子元素)
firstChild
firstElementChild
lastChild
lastElementChild
hasChildNodes( )
四、查找元素的兄弟节点
nextSibling
nextElementSibling
previousSibling
previousElementSibling
五、删除元素的子节点
removeChild( node )
六、删除自己
remove( ) DOM4规范出现
七、替换子节点
replaceChild(newnode,oldnode)
八、克隆自己
cloneNode( )/cloneNode(true)
九、创建节点
document.createElement( elem )
document.createTextNode( )
十、插入节点
appendChild( )
insertBefore()
十一、设置或者返回元素的值
innerHTML (标签)
innerText (文本)
十二、设置或者返回文本内容
textContent
文本内容包括所有子节点的文本。
十三、设置或者返回元素的属性
getAttribute( attributename)
setAttribute(attributename,value )
hasAttribute(attributename)
hasAttributes( )
removeAttribute(attributename)
关于元素所有的方法和属性可以查看:HTML DOM 元素对象所有的方法和属性
发表评论:
◎请发表你卖萌撒娇或一针见血的评论,严禁小广告。