style()操作符用來設(shè)置或獲取選擇集中各DOM元素的CSS樣式:
style()操作符有三個(gè)參數(shù):
如果沒有指定參數(shù)value,那么style()將返回選擇集中第一個(gè)DOM元素指定樣式的 計(jì)算值。請(qǐng)注意,這時(shí)只返回第一個(gè)元素的樣式!
如果參數(shù)value是一個(gè)具體值,那么style()將選擇集中所有DOM元素的指定 樣式統(tǒng)一設(shè)置為該值。當(dāng)value為null值時(shí),將清除該樣式值。
如果參數(shù)value是一個(gè)訪問器函數(shù),那么style()將依次對(duì)選擇集中的每一個(gè) DOM元素分別執(zhí)行該函數(shù),并使用其返回值來設(shè)置當(dāng)前DOM元素指定樣式的值。
如果有多個(gè)樣式需要同時(shí)設(shè)置,可以直接傳入一個(gè)JSON對(duì)象:
attr()操作符用來設(shè)置或獲取選擇集中各DOM元素的屬性:
attr()操作符有兩個(gè)參數(shù):
如果沒有指定參數(shù)value,那么attr()將返回選擇集中第一個(gè) DOM元素指定屬性的當(dāng)前值。
參數(shù)value可以是一個(gè)具體值,這時(shí)attr()將選擇集中所有DOM元素的指定屬性值 統(tǒng)一設(shè)置為該值。
參數(shù)value也可以是一個(gè)訪問器函數(shù),這時(shí)attr()將依次對(duì)集合中的每一個(gè)元素 分別執(zhí)行該函數(shù),并使用其返回值作為當(dāng)前處理DOM元素指定屬性的值。
html()操作符的實(shí)現(xiàn)基于DOM元素的innerHTML屬性,因此設(shè)置 這個(gè)值將完全替換選擇集中每一個(gè)DOM元素的全部?jī)?nèi)容:
參數(shù)value是可選的,用來替換當(dāng)前內(nèi)容。
如果沒有指定參數(shù)value,那么html()操作符將返回選擇集中第一個(gè) DOM元素的HTML內(nèi)容。
如果參數(shù)value是一個(gè)具體值,那么html()操作符將選擇集中所有 DOM元素的HTML內(nèi)容統(tǒng)一設(shè)置為該值。
如果參數(shù)value是一個(gè)訪問器函數(shù),那么將依次對(duì)選擇集中的每一個(gè) DOM元素分別執(zhí)行該函數(shù),并使用其返回值來設(shè)置當(dāng)前DOM元素的HTML內(nèi)容。
text()操作符的實(shí)現(xiàn)基于DOM元素的textContent屬性,因此設(shè)置 這個(gè)值將完全替換選擇集中每一個(gè)DOM元素的全部?jī)?nèi)容:
參數(shù)value是可選的,用來替換當(dāng)前內(nèi)容。
如果沒有指定參數(shù)value,那么text()操作符將返回選擇集中第一個(gè) DOM元素的文本內(nèi)容。
如果參數(shù)value是一個(gè)具體值,那么text()操作符將選擇集中所有 DOM元素的文本內(nèi)容統(tǒng)一設(shè)置為該值。
如果參數(shù)value是一個(gè)訪問器函數(shù),那么將依次對(duì)選擇集中的每一個(gè) DOM元素分別執(zhí)行該函數(shù),并使用其返回值來設(shè)置當(dāng)前DOM元素的文本內(nèi)容。
append()操作符向選擇集中的每一個(gè)DOM元素追加一個(gè)子元素:
name參數(shù)可以是一個(gè)HTML標(biāo)簽名,這時(shí)append()將為選擇集中的每個(gè) DOM元素使用這個(gè)標(biāo)簽名創(chuàng)建新元素,并向當(dāng)前DOM對(duì)象追加該子元素。
name參數(shù)也可以是一個(gè)訪問器函數(shù),這時(shí)append()將為選擇集中 的每個(gè)DOM元素執(zhí)行這個(gè)函數(shù),并將其返回的DOM對(duì)象追加為當(dāng)前DOM元素的子元素。
需要指出的是,append()返回的是一個(gè)不同的選擇集,其內(nèi)容是新追加的這些 DOM元素:
示例地址:http://www.hubwiz.com/course/54fd40cfe564e50d50dcf284/
insert()操作符向選擇集中的每一個(gè)DOM元素,在指定子元素之前插入一個(gè)新元素:
和append()一樣,參數(shù)name可以是一個(gè)HTML標(biāo)簽名或者一個(gè) 訪問器函數(shù)。位置參數(shù)before則使用與name同樣的方式 指定一個(gè)用來定位的子元素。
當(dāng)省略位置參數(shù)before時(shí),新創(chuàng)建的元素將插入到最后,等效于append()。
同樣地,insert()返回的是一個(gè)不同的選擇集,其內(nèi)容是新插入的這些 DOM元素:
remove()方法將選擇集中的全部DOM元素從當(dāng)前文檔中移除:
需要指出的是,remove()操作符并沒有銷毀這些移除的DOM元素,而僅僅是將 它們從當(dāng)前文檔中摘除,所返回的選擇集內(nèi)容沒有發(fā)生變化:
另外,當(dāng)前d3沒有提供專門的API將這些移除的DOM元素重新掛接到DOM樹上。如果你需要 這個(gè)功能,可以使用append()或insert()操作符。
聯(lián)系客服