关于html标签元素的data-*属性
生活随笔
收集整理的這篇文章主要介紹了
关于html标签元素的data-*属性
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
關于這個主題的文章和博客其實已經非常多了，這里并非要重復造輪子，只是看到一些例子稍微有點麻煩，其實也很簡單，但是對于一個剛剛入門的人，w3c的例子甚至可能看不懂，這里列出一個最簡單不過的小案例以供參考
大牛自然略過，不吝指教
代碼如下
1 <html> 2 <head> 3 <title>Html5 custom data attribute Test</title> 4 </head> 5 <body > 6 <div class="user" data-name="xiaoan"></div> 7 <script type="text/javascript"> 8 var user = document.getElementsByTagName("div")[0]; 9 if(isIe()){//如果是ie瀏覽器這樣調用 10 alert(user.getAttribute('data-name')); 11 } 12 else{
//非ie瀏覽器調用方法 13 alert(user.dataset['name']); 14 } 15 //判斷是否是ie，但是在ie10 或者ie11下，實際檢測出來的效果是false，這里稍微注意一下即可 16 function isIe(){ 17 return window.ActiveXObject ? true : false; 18 } 19 </script> 20 </body> 21 </html>
這足夠簡單了吧，
1.定義一個div標簽，一個屬性叫做data-name,? data-? 是固定的，后面的隨意
2.根據瀏覽器彈出這個屬性的值
?
轉載于:https://www.cnblogs.com/azhw/p/4457198.html
總結
以上是生活随笔為你收集整理的关于html标签元素的data-*属性的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 用什么软件测试路由器,软件测试路由器系统
- 下一篇： 3D点云数据集下载