<noframes id="7xbfr"><pre id="7xbfr"><output id="7xbfr"></output></pre>

      <big id="7xbfr"><font id="7xbfr"><listing id="7xbfr"></listing></font></big>
        <p id="7xbfr"></p>
        <menuitem id="7xbfr"></menuitem>

          <video id="7xbfr"><mark id="7xbfr"><listing id="7xbfr"></listing></mark></video>
            <form id="7xbfr"></form>

          <delect id="7xbfr"><var id="7xbfr"></var></delect>

          HTML5新特性: 自定義屬性前綴data-以及dataset的使用

          時間:2021-01-11 10:54:49 類型:HTML/CSS
          字號:    

            HTML5規定可以為元素添加非標準的屬性,但要添加前綴 data- ,目的是為元素提供與渲染無關的

            信息,或者提供語義信息。這些屬性可以任意添加、隨便命名,只要以 data- 開頭即可

            添加了自定義屬性之后,可以通過元素的 dataset 屬性來訪問自定義屬性的值

          <div id="test" data-name='莊子' data-age='18' , data-sex='男'>Hello ,  Welcome to NanChang YaTeng</div>
                  <script>
                      var datas = document.querySelector("#test");
                      var myName = datas.dataset.name;
                      var myAge = datas.dataset.age;
                      var mySex = datas.dataset.sex;
          
                      console.log("名字:" + myName + "年齡:" + myAge + "性別:" + mySex);
                  </script>

          結果:

          名字:莊子年齡:18性別:男

          黄网站免费 <