首页>前端教程>JavaScript教程

DOM基础3:对元素节点的操作

元素节点可谓是关键,对于元素节点的增删改查是最常用的。

一、获取元素节点的方法

  • 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 元素对象所有的方法和属性

点赞


1
保存到:

相关文章

发表评论:

◎请发表你卖萌撒娇或一针见血的评论,严禁小广告。

Top