99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

怎樣使用HTML5中的Data屬性

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

創(chuàng)新互聯(lián)是專業(yè)的湄潭網(wǎng)站建設(shè)公司，湄潭接單;提供成都做網(wǎng)站、成都網(wǎng)站建設(shè),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行湄潭網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

HTML5里的data-*是用來(lái)做什么的？

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

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

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

（1）通過(guò)dataset方法獲取

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

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

（2）、使用getAttribute方法獲取

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

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

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

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

html5為什么前面加data

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

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

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

當(dāng)前題目：datahtml5,html data
網(wǎng)站URL：http://www.ef60e0e.cn/article/phsohc.html