style: CSS樣式操作符

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

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

style()操作符有三個參數(shù)：

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

讀取樣式當前值

如果沒有指定參數(shù)value，那么style()將返回選擇集中第一個DOM元素指定樣式的 計算值,。請注意,，這時只返回第一個元素的樣式！

為樣式設(shè)置新值

如果參數(shù)value是一個具體值,，那么style()將選擇集中所有DOM元素的指定 樣式統(tǒng)一設(shè)置為該值,。當value為null值時，將清除該樣式值,。

如果參數(shù)value是一個訪問器函數(shù),，那么style()將依次對選擇集中的每一個 DOM元素分別執(zhí)行該函數(shù)，并使用其返回值來設(shè)置當前DOM元素指定樣式的值,。

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

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

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

attr: 屬性操作符

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

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

attr()操作符有兩個參數(shù)：

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

讀取屬性當前值

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

為屬性設(shè)置新值

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

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

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

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

1. selection.html([value])

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

讀取html內(nèi)容

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

設(shè)置html內(nèi)容

如果參數(shù)value是一個具體值,，那么html()操作符將選擇集中所有 DOM元素的HTML內(nèi)容統(tǒng)一設(shè)置為該值。

如果參數(shù)value是一個訪問器函數(shù),，那么將依次對選擇集中的每一個 DOM元素分別執(zhí)行該函數(shù),，并使用其返回值來設(shè)置當前DOM元素的HTML內(nèi)容。

text：文本內(nèi)容操作符

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

1. selection.text([value])

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

讀取文本內(nèi)容

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

設(shè)置文本內(nèi)容

如果參數(shù)value是一個具體值，那么text()操作符將選擇集中所有 DOM元素的文本內(nèi)容統(tǒng)一設(shè)置為該值,。

如果參數(shù)value是一個訪問器函數(shù),，那么將依次對選擇集中的每一個 DOM元素分別執(zhí)行該函數(shù),，并使用其返回值來設(shè)置當前DOM元素的文本內(nèi)容。

append：追加操作符

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

1. selection.append(name)

name參數(shù)可以是一個HTML標簽名,，這時append()將為選擇集中的每個 DOM元素使用這個標簽名創(chuàng)建新元素,，并向當前DOM對象追加該子元素。

name參數(shù)也可以是一個訪問器函數(shù),，這時append()將為選擇集中 的每個DOM元素執(zhí)行這個函數(shù),，并將其返回的DOM對象追加為當前DOM元素的子元素。

需要指出的是,，append()返回的是一個不同的選擇集,，其內(nèi)容是新追加的這些 DOM元素：

示例地址：http://www./course/54fd40cfe564e50d50dcf284/

insert：插入操作符

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

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

和append()一樣,，參數(shù)name可以是一個HTML標簽名或者一個 訪問器函數(shù),。位置參數(shù)before則使用與name同樣的方式 指定一個用來定位的子元素。

當省略位置參數(shù)before時,，新創(chuàng)建的元素將插入到最后,，等效于append()。

同樣地,，insert()返回的是一個不同的選擇集,，其內(nèi)容是新插入的這些 DOM元素：

remove：刪除操作符

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

1. selection.remove()

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

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

參考資料：http://www./