html標籤中新增自定義屬性特殊的用法

2022-05-03 20:30:06 字數 929 閱讀 4557

1

doctype html

>

2<

html

lang

="en"

>34

<

head

>

5<

meta

charset

="utf-8"

>

6<

title

>

document

7title

>

8<

style

type

="text/css"

>

9.demo[aaaa]

12style

>

13head

>

1415

<

body

>

16<

div

aaaa class

="demo"

>demo

div>

17<

div

class

="demo"

>demo

div>

18body

>

1920

html

>

這是我在學習vue的遇到的一種特殊用法,vue在渲染到介面上的html中會有一些類似:data-v-47362a53 ,僅僅是乙個屬性,好像是與css的scoped有關

在jquery中也有類似的選擇器,只是自己一直沒使用過

jquery中有很多選擇器,但是很多都是在開發中很少使用到的,只要能獲取到dom就完事了,偶爾遇到特殊的,學習一下,也是挺好的。

HTML標籤自定義屬性

html標籤可以自定義屬性,但是我們要考慮其在ie firefox以及chrome下的相容性問題。例如 複製 這裡的 myattr 就是這個標籤的自定義屬性了。如果定義了屬性卻使用不了,那麼這個屬性就沒有任何意義了,接下來就是如何去呼叫我們的自定義屬性的值了。在ie瀏覽器裡,我們通過獲取物件後直接呼...

HTML標籤自定義屬性

html標籤可以自定義屬性,但是我們要考慮其在ie firefox以及chrome下的相容性問題。例如 複製 這裡的 myattr 就是這個標籤的自定義屬性了。如果定義了屬性卻使用不了,那麼這個屬性就沒有任何意義了,接下來就是如何去呼叫我們的自定義屬性的值了。在ie瀏覽器裡,我們通過獲取物件後直接呼...

html標籤自定義屬性

html標籤中可以自定義屬性,但對屬性的操作在不同的瀏覽器下存在相容性的問題。如下 此時,id和name是div標籤系統的屬性,open是自定義屬性。如果對div標籤操作,取name和open屬性的值時。在ie下可以如下操作 document.getelementbyid unique name d...