カスタムデータ - *属性

中、a DATA- HTML5を追加し、プロパティをカスタマイズする方法、いわゆるデータ-データ-接頭辞を加えたカスタムプロパティの名前は、データストレージ用に、この構造体を使用しているという事実を。データ- *使用現在の状況は、カスタムプロパティ管理の混乱なしに解決することができます。
:カスタムプロパティは、次の2つの方法を提供する
(1)第一の方法は、直接HTMLタグの上に書くことです。

<ul id="sidebar-menu" class="bm-menu">
            <li  class="bm-menu-item" data-id="1" data-url="./table.html">
                表单
            </li>
            <li  class="bm-menu-item" data-id="2" data-url="./404.html">
                404
            </li>
            
</ul>

: - ()のようなリンク、このように時間によってセットは、カスタムプロパティセットは、その後、ダッシュを使用する必要が複数の単語の組み合わせであれば、と指摘します

<h2 data-birth-date="20200407">hello</h2>

(2)第二のモードは、データセットの属性のJSによって設定されます。

var test = document.getElementsByTagName('li');
test.dataset.url="./404.html"

HTML5の要素はキーと値のペアDOMStringMapセットのタイプであるデータセットの属性があります。
このようにしてもセットが複数の単語の組み合わせである場合、次いで、必要にラクダ命名法を使用して記述することに留意すること。

var test = document.getElementsByTagName('li');
test.dataset.birthDate="20200407"

おすすめ

転載: www.cnblogs.com/shemingxin/p/12655501.html