HTML5 data-* 自訂屬性
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>Index2</title> <script src="~/Scripts/jquery-1.10.2.js"></script></head><body> <div> <!--這個data-*自訂屬性就是以data開頭後面跟一個'-'然後後面的名字自己取，我這裡取的是age和name--> <input id="btn" type="text" data-age="25" data-name="張三" name="Age" /> <button onclick="fun.GetResult()">擷取data-age的值</button> <button onclick="fun2.GetResult()">擷取data-name的值</button> </div></body></html><script type="text/javascript"> //第一種方式擷取data-age的值 var fun = { GetResult: function () { var age = $("#btn").attr("data-age"); alert(age); //列印出：25 } } //第二種方式擷取data-name屬性的值 var fun2 = { GetResult: function () { var element = document.getElementById("btn"); var name = element.getAttribute("data-name"); alert(name); //列印出：張三 } }</script>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
