HTML5 自定義屬性 dataset

2022-07-15 08:00:14 字數 372 閱讀 8947

dataset 屬性的 值是 domstringmap 的乙個例項,也就是乙個名值對兒的對映。

在這個對映中,每個 data-name 形式 的屬性都會有乙個對應的屬性,只不過屬性名沒有 data-字首

//

本例中使用的方法僅用於演示

var div = document.getelementbyid("mydiv");

//取得自定義屬性的值

var myname =div.dataset.myname;

//設定值

div.dataset.myname = "michael";

//有沒有"myname"值呢?

if(div.dataset.myname)

HTML5自定義屬性

你可以去讀一下html5的詳細規範,但這個自定義data屬性的用法非常的簡單,就是你可以往html標籤上新增任意以 data 開頭的屬性,這些屬性頁面上是不顯示的,它不會影響到你的頁面布局和風格,但它卻是可讀可寫的。下面的乙個 片段是乙個有效的html5標記 some awesome data 可是...

HTML5自定義屬性

自定義屬性的出現並非始於html5,但html5將 data 真正合法化。data自定義屬性如何操作?有何用途?首先給定一段html this is a div elem this is a div elem,too 注意 1.自定義屬性用來儲存或運算元據,可讀可寫,但不會在頁面顯示 2.屬性值可以...

HTML5自定義data屬性

可能大家在使用jquery mobile時,經常會看到data role data theme等的使用,比如 通過如下 即可實現頁首的效果 通過手機瀏覽,效果如下 為什麼寫乙個data role header 就能實現底部為黑色 文字居中顯示的效果呢?我們寫乙個html頁面,自定義乙個data ch...