DOM節(jié)點(diǎn)操作

屬性/方法 描述
獲取節(jié)點(diǎn) document
element.getElementsByTagName() 返回指定標(biāo)簽名的所有子元素集合。
element. getElementsByClassName() 返回文檔中所有指定類(lèi)名的元素集合,作為 NodeList 對(duì)象。
document/element.getElementsByName() 返回帶有指定名稱(chēng)的對(duì)象集合。
document.getElementById() 返回對(duì)擁有指定 id 的第一個(gè)對(duì)象的引用。
獲取節(jié)點(diǎn)=> 節(jié)點(diǎn)指針
element.childNodes 返回元素的一個(gè)子節(jié)點(diǎn)的數(shù)組
element.children 返回元素的一個(gè)子節(jié)點(diǎn)的數(shù)組
兼容,且不包含文本節(jié)點(diǎn)
element.firstChild 返回元素的第一個(gè)子節(jié)點(diǎn)
element.lastChild 返回的最后一個(gè)子元素
element.nextSibling 返回該元素緊跟的一個(gè)節(jié)點(diǎn)
element.previousSibling 返回某個(gè)元素緊接之前元素
element.parentNode 返回元素的父節(jié)點(diǎn)
element.ownerDocument 返回元素的根元素(文檔對(duì)象)
element.nodeName 返回元素的標(biāo)記名(大寫(xiě))
element.nodeType 返回元素的節(jié)點(diǎn)類(lèi)型
1.元素節(jié)點(diǎn)
3.文本節(jié)點(diǎn)
element.nodeValue 返回元素的節(jié)點(diǎn)值
**屬性操作 **
element.attributes 返回一個(gè)元素的屬性數(shù)組
element.hasAttribute() 如果元素中存在指定的屬性返回 true,否則返回false。
element.getAttribute() 返回指定元素的屬性值
element.setAttribute() 設(shè)置或者改變指定屬性并指定值。
element.removeAttribute() 從元素中刪除指定的屬性。
document 節(jié)點(diǎn)操作 創(chuàng)建節(jié)點(diǎn)
document.createElement() 創(chuàng)建元素節(jié)點(diǎn)。
document.createAttribute() 創(chuàng)建一個(gè)屬性節(jié)點(diǎn)
document.createTextNode() 創(chuàng)建文本節(jié)點(diǎn)。
document.createComment() createComment() 方法可創(chuàng)建注釋節(jié)點(diǎn)。
document.createDocumentFragment() 創(chuàng)建空的 DocumentFragment 對(duì)象,并返回此對(duì)象。
element 節(jié)點(diǎn)操作 插 加 刪 換 復(fù)
element.insertBefore() 現(xiàn)有的子元素之前插入一個(gè)新的子元素
element.appendChild() 為元素添加一個(gè)新的子元素
element.removeChild() 刪除一個(gè)子元素
element.replaceChild() 替換一個(gè)子元素
element.cloneNode() 克隆某個(gè)元素

菜鳥(niǎo)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • DOM (javascript DOM節(jié)點(diǎn)操作) 本節(jié)目錄 查找DOM元素 DOM節(jié)點(diǎn)操作 javascript操...
    南航閱讀 1,633評(píng)論 0 7
  • jquery中節(jié)點(diǎn)操作主要包括創(chuàng)建節(jié)點(diǎn),插入節(jié)點(diǎn),刪除節(jié)點(diǎn),替換節(jié)點(diǎn),復(fù)制節(jié)點(diǎn)以及包裹節(jié)點(diǎn)。 1.創(chuàng)建節(jié)點(diǎn) 創(chuàng)建元...
    博為峰51Code教研組閱讀 350評(píng)論 0 0
  • 查找節(jié)點(diǎn)(略) 創(chuàng)建節(jié)點(diǎn) 插入節(jié)點(diǎn) 包裹節(jié)點(diǎn) 刪除節(jié)點(diǎn) 復(fù)制節(jié)點(diǎn) 替換節(jié)點(diǎn) 節(jié)點(diǎn)遍歷(略) 操作dom節(jié)點(diǎn)屬性 ...
    大步邁閱讀 405評(píng)論 1 2
  • DOM節(jié)點(diǎn)操作 1.創(chuàng)建節(jié)點(diǎn) 一.創(chuàng)建節(jié)點(diǎn)為了使頁(yè)面更加智能化,有時(shí)我們想動(dòng)態(tài)的在 html 結(jié)構(gòu)頁(yè)面添加一個(gè)元素...
    滿(mǎn)嘴騷話(huà)閱讀 289評(píng)論 0 0
  • 1.訪(fǎng)問(wèn)節(jié)點(diǎn) 2.生成節(jié)點(diǎn) 3.添加節(jié)點(diǎn) 4.復(fù)制節(jié)點(diǎn) 5.刪除節(jié)點(diǎn) 6.修改文本節(jié)點(diǎn) 7.屬性操作 8.查找節(jié)點(diǎn)...
    寒梁沐月閱讀 388評(píng)論 0 3

友情鏈接更多精彩內(nèi)容