自定義屬性

lsxiao 發(fā)布于2019-08-20 15:57 / 386人閱讀

摘要：自定義一般屬性通過獲取對應(yīng)的屬性自定義屬性通過或者獲取對應(yīng)的屬性

自定義一般屬性

通過getAttribute獲取對應(yīng)的屬性


    basketball
    football
    volleyball
    tennis

var productList = [];
var products = document.getElementsByTagName("li");

for (var i = 0, len = products.length; i < len; i++) {
    productList.push(products[i].getAttribute("product-id"));
}

console.log(productList)

自定義data屬性

通過getAttribute或者dataset獲取對應(yīng)的屬性


    basketball
    football
    volleyball
    tennis

GPU云服務(wù)器云服務(wù)器自定義屬性值 dom自定義屬性自適應(yīng)屬性屬性定義方法

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/82613.html

相關(guān)文章

CSS 自定義屬性 - 入門

摘要：變量的函數(shù)引用的自定義屬性被稱為變量。為此，可讀性和可維護(hù)性是自定義屬性最大的優(yōu)勢。自定義屬性作用域在中，變量有作用域一說。因此，在選擇器中聲明的自定義屬性，其作用域的范圍是全局范圍，也就是全局作用域。引言 ??CSS語言是一種聲明式語言，不像其他語言有變量、條件和邏輯等特性，因?yàn)檫@個原因，社區(qū)中有了各種CSS處理器語言，比如Sass、LESS和Stylus等。這些處理器語言引入了一...

seanlook 2019-08-30 15:44 評論0 收藏0
CSS 自定義屬性 -- 使用 JS 和不使用 JS

摘要：你曾想過在頁面加載過后去修改或的變量值么我曾經(jīng)嘗試過但并沒有成功因?yàn)楫?dāng)預(yù)處理的代碼編譯成了它的變量就不再是變量了然而自定義屬性就沒有這樣的限制在該系列的文章中我曾提及過自定義屬性它最牛扳的特性就是它的動態(tài)性它的強(qiáng)大我們一眼就能對比出來預(yù)處理你曾想過在頁面加載過后去修改 Sass 或 Less 的變量值么? 我曾經(jīng)嘗試過, 但并沒有成功, 因?yàn)楫?dāng)預(yù)處理的代碼編譯成了 CSS, 它的變...

megatron 2019-08-29 13:05 評論0 收藏0
vue總結(jié)系列--組件化

摘要：觸發(fā)事件可以攜帶數(shù)據(jù)，這些數(shù)據(jù)被用于傳遞給綁定了事件的其它組件的回調(diào)函數(shù)上，進(jìn)而被傳遞給其它組件。父組件可以在回調(diào)函數(shù)里做任何事情，頗有靈活性。一般情況下，父組件會在回調(diào)函數(shù)中更新自己的狀態(tài)數(shù)據(jù)。上一篇博文梳理了vue的數(shù)據(jù)驅(qū)動和響應(yīng)式相關(guān)的特性，這一篇博文就來梳理vue的一個很重要的特性，組件化。自定義組件之于vue，其意義不亞于函數(shù)之于C，java之類的編程語言。函數(shù)是計(jì)算機(jī)科學(xué)...

cuieney 2019-08-22 18:28 評論0 收藏0
使用 custom element 創(chuàng)建自定義元素

摘要：通過創(chuàng)建元素時也有不同也可以直接調(diào)用構(gòu)造函數(shù)創(chuàng)建注直到版本，擴(kuò)展內(nèi)置元素依然在開發(fā)中。自定義元素被移入新的時調(diào)用。很早我們就可以在 HTML 文檔中寫這樣的自定義名稱標(biāo)簽。但是瀏覽器對于不認(rèn)識的標(biāo)簽一律當(dāng)成一個普通的行內(nèi)元素處理，沒有相關(guān)語義。雖然我們能用 JavaScript 代碼給它添加一些功能，但是并沒有生命周期相關(guān)的函數(shù)供我們做一些初始化和銷毀的處理。通過瀏覽器提供...

Allen 2019-08-01 17:44 評論0 收藏0