html5 自定義屬性需要以data開始嗎

所謂data-*實(shí)際上上就是data-前綴加上自定義的屬性名，使用這樣的結(jié)構(gòu)可以進(jìn)行數(shù)據(jù)存放。使用data-*可以解決自定義屬性混亂無管理的現(xiàn)狀。確切的說data-*并不是自定義屬性，而是解決自定義屬性的一種方案。因?yàn)榇蟛糠肿远x屬性都是為了在標(biāo)簽上存儲(chǔ)數(shù)據(jù)。

成都創(chuàng)新互聯(lián)電話聯(lián)系：18982081108，為您提供成都網(wǎng)站建設(shè)網(wǎng)頁設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù)，成都創(chuàng)新互聯(lián)網(wǎng)頁制作領(lǐng)域10多年，包括成都PE包裝袋等多個(gè)方面擁有多年的網(wǎng)站營(yíng)銷經(jīng)驗(yàn)，選擇成都創(chuàng)新互聯(lián)，為網(wǎng)站錦上添花。

data-*里存儲(chǔ)的內(nèi)容可以使用JavaScript語言直接讀取。相比不用data-*自定義屬性更容易讀取和存儲(chǔ)。

data-*可以大大提高工作效率，例如ajax請(qǐng)求后獲得的一列數(shù)據(jù)需要放在li標(biāo)簽里，那么我們?cè)谘h(huán)生產(chǎn)li標(biāo)簽的同時(shí)，可以依次設(shè)置data-*屬性，這樣，我們?cè)趯慗avaScript語言來操作li標(biāo)簽的時(shí)候，可以直接讀取自定義的屬性來獲取li標(biāo)簽對(duì)應(yīng)的數(shù)據(jù)對(duì)象。

data-*自定義屬性可以使用jQuery庫來解決兼容問題。

怎樣使用HTML5中的Data屬性

你的問題可以這么解決，html5_input_typedate.html 文件代碼如下： html5_input_typedate type="date"只在支持它的瀏覽器有效，所以在不支持的瀏覽器(如IE6)中，會(huì)把所有不支持類型的type默認(rèn)為type="text"

怎樣獲取html5的data

1、瀏覽器必須能夠支持 querySelector/querySelectorAll 方法

2、只能從獲取元素的方法提供 dataset。比如事件處理器中參數(shù) e 的 e.tartget. dataset 則是空對(duì)象。

3、單個(gè)的 querySelector() 是經(jīng)過 querySelectorAll()，當(dāng)中遍歷數(shù)組可以獲取html的data值。

html5為什么前面加data

HTML5規(guī)范里增加了一個(gè)自定義data屬性.

這個(gè)自定義data屬性的用法非常的簡(jiǎn)單, 就是你可以往HTML標(biāo)簽上添加任意以 "data-"開頭的屬性, 這些屬性頁面上是不顯示的,它不會(huì)影響到你的頁面布局和風(fēng)格,但它卻是可讀可寫的.

使用data-*可以解決自定義屬性混亂無管理的現(xiàn)狀。

HTML5中data-*自定義屬性作用

data-*是HTML5新增的一個(gè)自定義數(shù)據(jù)屬性功能，作為可以暫存數(shù)據(jù)使用。利用dataset可以獲取data-屬性構(gòu)造的對(duì)象，該方法目前只能在Chrome 、Opera等部分瀏覽器中實(shí)現(xiàn)，其他瀏覽器如需獲取其屬性值需要使用getAttribute和setAttribute來操作。

（1）通過dataset方法獲取

注意：data-之后以連字符分割的多個(gè)單詞組成的屬性，獲取時(shí)候需要使用駝峰風(fēng)格。如例子中的font-size需要改成fontSize。

如果你想刪掉一個(gè)data-屬性:

（2）、使用getAttribute方法獲取

2、、data-*屬性選擇器用法

可以根據(jù)自定義的data-屬性選擇相關(guān)的元素。例如使用querySelectAll選擇元素，例如

同樣的我們也可以通過 data- 屬性值對(duì)應(yīng)的元素設(shè)置CSS樣式，如下

部分內(nèi)容參考如下出處：

HTML5里的data-*是用來做什么的？

那個(gè)其實(shí)不屬于正規(guī)的HTML屬性，是jquery這個(gè)庫專門用來尋址的一種自定屬性，其他庫也有類似的這種；利用它的目的是庫自定義的屬性，所以可以在庫中更方便的區(qū)分其他HTML自帶的屬性，用獲得的值來做的事情很多，比如data-target=id2，可以取得id2這個(gè)相關(guān)聯(lián)的DOM元素

當(dāng)前題目：html5的data,Html5技術(shù)
鏈接分享：http://www.ekvhdxd.cn/article48/dscsoep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、微信公眾號(hào)、面包屑導(dǎo)航、關(guān)鍵詞優(yōu)化、響應(yīng)式網(wǎng)站、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)