国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
d3.js:數(shù)據(jù)可視化利器之 修改文檔:DOM操作符

style: CSS樣式操作符

style()操作符用來設(shè)置獲取選擇集中各DOM元素的CSS樣式

  1. selection.style(name[,value[,priority]])

style()操作符有三個(gè)參數(shù):

  • name: 樣式名稱字符串,必須
  • value:指定樣式新的值,可選
  • priority:優(yōu)先級(jí),可以是null或字符串"important",可選

讀取樣式當(dāng)前值

如果沒有指定參數(shù)value,那么style()將返回選擇集中第一個(gè)DOM元素指定樣式的 計(jì)算值。請(qǐng)注意,這時(shí)只返回第一個(gè)元素的樣式!

為樣式設(shè)置新值

如果參數(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元素指定樣式的值。

同時(shí)設(shè)定多個(gè)樣式

如果有多個(gè)樣式需要同時(shí)設(shè)置,可以直接傳入一個(gè)JSON對(duì)象:

  1. selection.style({'stroke': 'black', 'stroke-width': 2})

attr: 屬性操作符

attr()操作符用來設(shè)置獲取選擇集中各DOM元素的屬性:

  1. selection.attr(name[,value])

attr()操作符有兩個(gè)參數(shù):

  • name:指定要操作的屬性名稱,必須
  • value:指明要為該屬性設(shè)置的新值或訪問器函數(shù),可選

讀取屬性當(dāng)前值

如果沒有指定參數(shù)value,那么attr()將返回選擇集中第一個(gè) DOM元素指定屬性的當(dāng)前值

為屬性設(shè)置新值

參數(shù)value可以是一個(gè)具體值,這時(shí)attr()將選擇集中所有DOM元素的指定屬性值 統(tǒng)一設(shè)置為該值。

參數(shù)value也可以是一個(gè)訪問器函數(shù),這時(shí)attr()將依次對(duì)集合中的每一個(gè)元素 分別執(zhí)行該函數(shù),并使用其返回值作為當(dāng)前處理DOM元素指定屬性的值。

html:html內(nèi)容操作符

html()操作符的實(shí)現(xiàn)基于DOM元素的innerHTML屬性,因此設(shè)置 這個(gè)值將完全替換選擇集中每一個(gè)DOM元素的全部?jī)?nèi)容:

  1. selection.html([value])

參數(shù)value是可選的,用來替換當(dāng)前內(nèi)容。

讀取html內(nèi)容

如果沒有指定參數(shù)value,那么html()操作符將返回選擇集中第一個(gè) DOM元素的HTML內(nèi)容。

設(shè)置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:文本內(nèi)容操作符

text()操作符的實(shí)現(xiàn)基于DOM元素的textContent屬性,因此設(shè)置 這個(gè)值將完全替換選擇集中每一個(gè)DOM元素的全部?jī)?nèi)容:

  1. selection.text([value])

參數(shù)value是可選的,用來替換當(dāng)前內(nèi)容。

讀取文本內(nèi)容

如果沒有指定參數(shù)value,那么text()操作符將返回選擇集中第一個(gè) DOM元素的文本內(nèi)容。

設(shè)置文本內(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:追加操作符

append()操作符向選擇集中的每一個(gè)DOM元素追加一個(gè)子元素:

  1. selection.append(name)

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:插入操作符

insert()操作符向選擇集中的每一個(gè)DOM元素,在指定子元素之前插入一個(gè)新元素:

  1. selection.insert(name[,before])

和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:刪除操作符

remove()方法將選擇集中的全部DOM元素從當(dāng)前文檔中移除

  1. selection.remove()

需要指出的是,remove()操作符并沒有銷毀這些移除的DOM元素,而僅僅是將 它們從當(dāng)前文檔中摘除,所返回的選擇集內(nèi)容沒有發(fā)生變化:

另外,當(dāng)前d3沒有提供專門的API將這些移除的DOM元素重新掛接到DOM樹上。如果你需要 這個(gè)功能,可以使用append()insert()操作符。

參考資料:http://www.hubwiz.com/

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
jQuery之超詳盡的DOM操作
二. JQuery中的DOM操作
angular.element方法匯總
JQuery容易被忽略的知識(shí)點(diǎn),看看你不知道的有多少
jQuery remove empty 方法
詳解C++右值引用
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服