导航菜单
  • 首页
  • 首页>前端万博manbext备用网址>JavaScript万博manbext备用网址

    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