JS操作DOM元素屬性和方法

用于處理XML文檔的DOM元素屬性?


屬性名 ? ? ? ? 描述?

childNodes 返回當(dāng)前元素所有子元素的數(shù)組?

firstChild 返回當(dāng)前元素的第一個(gè)下級(jí)子元素?

lastChild 返回當(dāng)前元素的最后一個(gè)子元素?

nextSibling 返回緊跟在當(dāng)前元素后面的元素?

nodeValue 指定表示元素值的讀/寫屬性?

parentNode 返回元素的父節(jié)點(diǎn)?

previousSibling 返回緊鄰當(dāng)前元素之前的元素?



用于遍歷XML文檔的DOM元素方法?


方法名 ? ? ? ? ? ? ? ? ? ? ? ? 描述?

getElementById(id) (document) 獲取有指定惟一ID屬性值文檔中的元素?

getElementsByTagName(name) 返回當(dāng)前元素中有指定標(biāo)記名的子元素的數(shù)組?

hasChildNodes() 返回一個(gè)布爾值,指示元素是否有子元素?

getAttribute(name) 返回元素的屬性值,屬性由name指定?



動(dòng)態(tài)創(chuàng)建內(nèi)容時(shí)所用的W3C DOM屬性和方法?


屬性/方法 ? ? ? ? ? ? ? ? ?描述?

document.createElement(tagName) 文檔對(duì)象上的createElement方法可以創(chuàng)建由tagName指定的元素。如果以串div作為方法參數(shù),


就會(huì)生成一個(gè)div元素?

document.createTextNode(text) 文檔對(duì)象的createTextNode方法會(huì)創(chuàng)建一個(gè)包含靜態(tài)文本的節(jié)點(diǎn)?

.appendChild(childNode) appendChild方法將指定的節(jié)點(diǎn)增加到當(dāng)前元素的子節(jié)點(diǎn)列表(作為一個(gè)新的子節(jié)點(diǎn))。例如,


可以增加一個(gè)option元素,作為select元素的子節(jié)點(diǎn)?

.getAttribute(name)?

.setAttribute(name, value)這些方法分別獲得和設(shè)置元素中name屬性的值?

.insertBefore(newNode, targetNode)將節(jié)點(diǎn)newNode作為當(dāng)前元素的子節(jié)點(diǎn)插到targetNode元素前面?

.removeAttribute(name) 這個(gè)方法從元素中刪除屬性name?

.removeChild(childNode) 這個(gè)方法從元素中刪除子元素childNode?

.replaceChild(newNode, oldNode) 這個(gè)方法將節(jié)點(diǎn)oldNode替換為節(jié)點(diǎn)newNode?

.hasChildnodes() 這個(gè)方法返回一個(gè)布爾值,指示元素是否有子元素?

?著作權(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)容

  • ??DOM 1 級(jí)主要定義的是 HTML 和 XML 文檔的底層結(jié)構(gòu)。 ??DOM2 和 DOM3 級(jí)則在這個(gè)結(jié)構(gòu)...
    霜天曉閱讀 1,611評(píng)論 1 3
  • 認(rèn)識(shí)DOM文檔對(duì)象模型DOM(Document Object Model)定義訪問和處理HTML文檔的標(biāo)準(zhǔn)方法。D...
    jasmine_jing閱讀 865評(píng)論 0 3
  • 一、JS前言 (1)認(rèn)識(shí)JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會(huì)使用HT...
    凜0_0閱讀 2,945評(píng)論 0 8
  • 節(jié)點(diǎn)屬性 Node.nodeName //返回節(jié)點(diǎn)名稱,只讀 Node.nodeType //返回節(jié)點(diǎn)類型的常數(shù)值...
    吳博閱讀 577評(píng)論 0 0
  • 兩人沉默。 半晌,小白無(wú)奈地?fù)u了搖頭,自己也算是為那個(gè)絕世女子說(shuō)話,這個(gè)鬼厲卻似絲毫不領(lǐng)情,難道,這個(gè)人的心里,真...
    可可豆子閱讀 807評(píng)論 0 5

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