カスタム属性のH5規定とカスタムプロパティ取得メソッドを追加

要素はあまり属性を、どのように区別するために内蔵された属性またはデフォルトの属性?
H5は、=「1」、そして、設定し、それを値属性を取得する方法は、以下を参照してくださいデータのインデックスとして、DATA-運ぶプロパティに接頭辞が付いている所定の。
コードをコピー
    <スクリプト> 
        VAR divele = document.querySelector( "DIV"); 
        //私たちは、多くの場合、カスタムプロパティを追加し、取得
        divele.setAttribute( "フラグに" ,. 1); 
        はconsole.log( "フラグに" divele.getAttribute()) ; 

        //組み込みの属性またはデフォルトの属性を区別する方法、そんなに属性?
        「1" // H5所定DATA-搬送性は、index- =データなどの接頭辞、有する
        divele.setAttribute( 『データのインデックスを』 ,. 1)
        はconsole.log(divele.getAttribute( 『データインデックス』)) ; //より良い互換性
        プロパティを取得する// H5新しい方法は価値がある、要素オブジェクト.dataset.index、データセットは、カスタム属性(仕様始まるDATA-)のコレクションで
        はconsole.log(divele.dataset.index)。
        //divele.dataset [ `index`]オブジェクトを取得するための第2の方法は、属性
        にconsole.log(divele.dataset [index``を]);
 
        カスタムプロパティの多くは一緒にスプライスされる場合//質問は、それはコネクタであり、 ?
        divele.setAttribute( "データTEMP名"、2)。
        console.log(divele.getAttribute( "データ-TEMP-名")); //这种方式正常写
        にconsole.log(divele.dataset.tempName)。
        console.log(divele.dataset [ `tempName`])。
    </ SCRIPT>
コードをコピー

おすすめ

転載: www.cnblogs.com/lzal/p/11408877.html