DOM(文檔對(duì)象模型)

DOM(文檔對(duì)象模型)

? 一.獲取節(jié)點(diǎn):1.documnt:

? ? ? (1)getElementById : 通過元素ID獲取節(jié)點(diǎn)?

? ? ? (2)getElementsByName: 通過元素的name屬性獲取節(jié)點(diǎn)

? ? ? (3)getElementsByTagName:?通過元素標(biāo)簽獲取節(jié)點(diǎn)

??? 2.節(jié)點(diǎn)指南:

? ? ? (1)firstChild: 獲取元素的首個(gè)子節(jié)點(diǎn)

? ? ? (2)lastChild: 獲取元素的最后一個(gè)子節(jié)點(diǎn)

? ? ? (3)childNodes: 獲取元素的子節(jié)點(diǎn)列表

? ? ? (4)previousSibling: 獲取已知節(jié)點(diǎn)的前一個(gè)節(jié)點(diǎn)

? ? ? (5)nextSibling: 獲取已知節(jié)點(diǎn)的后一個(gè)節(jié)點(diǎn)

? ? ? (6)parentNode: 獲取已知節(jié)點(diǎn)父節(jié)點(diǎn)


? 二.節(jié)點(diǎn)操作:1.創(chuàng)建節(jié)點(diǎn):

? ? ? (1)createElement: 創(chuàng)建元素節(jié)點(diǎn)

? ? ? (2)createAttribute: 創(chuàng)建屬性節(jié)點(diǎn)

? ? ? (3)createTextNode: 創(chuàng)建文本節(jié)點(diǎn)

? 2.插入節(jié)點(diǎn):

? ? ? (1)appendChild: 向節(jié)點(diǎn)的子節(jié)點(diǎn)列表的末尾添加新的子節(jié)點(diǎn)

? ? ? (2)insertBefore:在已知的子節(jié)點(diǎn)前插入一個(gè)新的子節(jié)點(diǎn)

? 3.替換節(jié)點(diǎn):

? ? ? replaceChild:將某個(gè)子節(jié)點(diǎn)替換為另一個(gè)

? ? ? replaceChild(要插入的新元素,將被替換的老元素)

? 4.復(fù)制節(jié)點(diǎn):

? ? cloneNode:創(chuàng)建指定節(jié)點(diǎn)的副本,需要被復(fù)制的節(jié)點(diǎn).cloneNode(true/false)

? 5.刪除節(jié)點(diǎn):

? ? removeChild:刪除指定的節(jié)點(diǎn),removeChild(要?jiǎng)h除的節(jié)點(diǎn))


三.屬性操作

? ? ?1.獲取屬性:

? ? ? ? getAttribue: 獲取元素節(jié)點(diǎn)中指定屬性的屬性值

? ? ?2.設(shè)置屬性:

? ? ? setAttribute: 創(chuàng)建或改變?cè)毓?jié)點(diǎn)的屬性

? ? ?3.刪除屬性:

? ? ? removeAttribute: 刪除元素中的指定屬性

? ? ?

? ?四. 文本操作:

? ? ? 1. insertData(offset,string):從offset指定的位置插入string

? ? ? 2.appendData(string): 將string插入到文本節(jié)點(diǎn)的末尾處

? ? ? 3.deleteDate(offset,count): 從offset刪除count個(gè)字符

? ? ? 4.replaceData(off,count,string): 從off將count個(gè)字符用string替代

? ? ? 5.splitDtat(offset): 從offset起將文本節(jié)點(diǎn)分成兩個(gè)節(jié)點(diǎn)

? ? ? 6.substring(offset,count): 返回由offset起的count個(gè)節(jié)點(diǎn)

? ? ? ??

最后編輯于
?著作權(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)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • 節(jié)點(diǎn)層次 DOM 可以將任何 HTML 和 XML 文檔描繪成一個(gè)由多層節(jié)點(diǎn)構(gòu)成的結(jié)構(gòu)。節(jié)點(diǎn)分為幾種不同的類型,每...
    云之外閱讀 581評(píng)論 0 1
  • 1. 什么是DOM? 針對(duì)HTML和XML文檔的一個(gè)API(應(yīng)用程序接口),描述了一個(gè)層次化的節(jié)點(diǎn)數(shù),允許開發(fā)人員...
    xiaoguo16閱讀 552評(píng)論 0 0
  • 文檔對(duì)象模型DOM(Document Object Model)定義訪問和處理HTML文檔的標(biāo)準(zhǔn)方法。DOM 將H...
    章丸丸閱讀 440評(píng)論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評(píng)論 19 139
  • DOM : Document Object Model 文檔對(duì)象模型文檔:html頁面文檔對(duì)象:頁面中元素文檔對(duì)象...
    TimeLesser閱讀 425評(píng)論 0 2

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