Tag data-* attributes use

<div class="page_index" style="margin-top:20px;">
<span id="showPage">第2页</span>
<span id="totalPage" data-size="4">共4页</span>
<a id="first" onclick="getPage(this)" href="javascript:void(0)"> message.first.page </a>
<a id="previous" onclick="getPage(this)" href="javascript:void(0)">[上一页] </a>
<a id="next" onclick="getPage(this)" href="javascript:void(0)"> [下一页] </a>
<a id="last" onclick="getPage(this)" href="javascript:void(0)"> message.last.page </a>
</div>

    1. Get the tag data-* attribute value

    var value = document.getElementById("totalPage").getAttribute("data-size");

 

    2, set the tag data-* attribute value

    document.getElementById("totalPage").setAttribute("data-size",totalPage);