1.自定义属性名
<body>
<button desc="this is a button">Click me!</button>
<script>
var btn = document.querySelector('button')
console.log(btn.getAttribute('desc')) // 获取属性值
btn.setAttribute('tip', 'please click button') // 设置属性值
</script>
</body>2.data-*自定义属性名
这种方式需要在自定义属性名前面加上data-，获取/赋值都需要通过dataset，这种方式操作更为简单，所有data-*属性都存放在dataset中。
<body>
<button data-desc="this is a button">Click me!</button>
<script>
var btn = document.querySelector('button')
console.log(btn.dataset.desc) // 获取属性值
btn.dataset.tip = 'please click button' // 设置属性值
</script>
</body>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
