淺析JS操作DOM的一些常用方法

字號:


    下面小編就為大家?guī)硪黄狫S操作DOM的一些常用方法。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。
    getElementById(): 獲取有指定惟一ID屬性值文檔中的元素
    getElementsByName(name): 返回的是數(shù)組
    getElementsByTagName(): 返回具有指定標簽名的元素子元素集合
    getAttribute(): 返回指定屬性名的屬性值
    document.getElementsByTagName("a")[0].getAttribute("target");
    setAttribute(): 添加指定的屬性,并為其賦指定的值。
    document.getElementsByTagName("INPUT")[0].setAttribute("type","button");
    節(jié)點屬性:
    節(jié)點名稱(只讀):nodeName
    節(jié)點值: nodeValue
    節(jié)點類型(只讀):nodeType
    子節(jié)點:
    ele.childNodes 返回數(shù)組
    firstChild
    lastChild
    父節(jié)點
    parentNode 只有一個
    兄弟節(jié)點
    nextSibling 某節(jié)點之后緊跟的節(jié)點
    previousSibling
    插入節(jié)點
    appendChild() 插入在最后
    insertBefore(newnode,node)在node節(jié)點之前
    刪除節(jié)點
    removeChild(node) 成功返回被刪除的節(jié)點 失敗返回null
    替換元素節(jié)點
    replaceChild(newnode,oldnode) 實現(xiàn)子節(jié)點對象的替換
    創(chuàng)建元素節(jié)點
    createElement()
    創(chuàng)建文本節(jié)點
    createTextNode()
    復制節(jié)點
    需要被復制的節(jié)點.cloneNode(true/false)
    true復制當前節(jié)點極其所以子節(jié)點,false僅復制當前節(jié)點
    以上這篇淺析JS操作DOM的一些常用方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考