當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JS获取自定义属性data-*值与dataset
生活随笔
收集整理的這篇文章主要介紹了
JS获取自定义属性data-*值与dataset
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
轉載自? ?JS獲取自定義屬性data值
<body> <div id="tree" data-leaves="47" data-plant-height="2.4m"></div> <script> var tree = document.getElementById("tree"); //getAttribute()取值屬性 console.log(tree.getAttribute("data-leaves")); console.log(tree.getAttribute("data-plant-height")); //setAttribute()賦值屬性 tree.setAttribute("data-leaves","48");//data-前綴屬性可以在JS中通過dataset取值，更加方便 console.log(tree.dataset.leaves); console.log(tree.dataset.plantHeight); //賦值 tree.dataset.plantHeight = "3m"; tree.dataset.leaves--; //新增data屬性 tree.dataset.age = "100"; //刪除，設置成null，或者delete tree.dataset.leaves = null; delete tree.dataset.age;//jQuery的data方法 var $tree = $('#tree'); console.log($tree.data("plant-height")); </script> </body>?
總結
以上是生活随笔為你收集整理的JS获取自定义属性data-*值与dataset的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 为天地立心为生民立命是谁的名言 为天地立
- 下一篇： gradle idea java ssm