HTML 5ラベルカスタム属性仕様dataset

 

 
 
  2:
                HTML   .eg: age sex  
 
 
 
  
デルの   なアプローチ:
 HTMLが つ  は、ポイント  またはgetAttribute()setAttribute()を  して み りまたは  することができる.
  
プログラマがカスタマイズしたプロパティは、getAttribute()メソッドとsetAttribute()メソッドのみを  して
を  できます.
H 5カスタム      
H 5  には、  、HTML  の  を  する に     があり、ある  がシステムが  の  を っているのか、プログラマーが  で  した  なのかを  することは くありませんでした.H 5  、HTMLページを  する には、プログラマーがカスタマイズした  であれば、   はすべてdata-で まるという きな  がありました.すなわち、 えば、ageという  を  で  したいのですが、この  の  は:data-ageであるべきです.このように、 で  がdata-であることを ると、この  がカスタム  であることがわかります.getAttribute()とsetAttribute()を  して  する  があります.
H 5カスタムHTML  の    を  
 


 js           
var  div = document.querySelector('div');


var age = div.dataset.age; //    data-age         
    div.getAttribure('data-age');


div.dataset.age = 30; //   data-age        30
    div.setAttribute('data-age', 30);


  ,            'data-'      ,          `data-`               key-value    json    
  : 
{age:"18", sex:" ''}
 
  
カスタム   の    :
               ,  :
 

  ,        div.list-name       `data-list-name`   ,            ,  : 
var name = div.listName ;
  
  、H 5の しいカスタム  を  する  は  で、カスタム  をdata-ヘッダ  で  すると、`console.log(div.dataset)でわかる.


console.log(div.dataset) ;     : 
{age: "18", sex: " ", myAge: "34", my_kid: "  "}

 
 
  :
 dataset.      H5     ,    IE11     ,