<my-tag data-custom-attribute="value"></my-tag>
<script>
var myTag = document.querySelector("my-tag")
var customAttributeValue = myTag.dataset.customAttribute
console.log(customAttributeValue)// Output: "value"
</script>
用JS获取Html标签属性有两种方法：如<a id="link" href="www.baidu.com" title="测试"
blogname="前端开发">Web开发</a>
JS代码：
var ka=document.getElementByI d("link")
alert(ka.getAttribute("id"))
alert(ka.id)
两种方法都能弹出a标签的ID属性，但从各浏览器兼容上来说用ka.id的方式更好，但对于自定义属性blogname,则就要用getAttribute()来实现了，如：
alert(ka.getAttribute("blogname"))//前端开发
总结如下：
JS获到Html标签常规属性用ka.id，获到Html标签的自定义属性就用ka.getAttribute("id")
使用JavaScript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。
工具原料：编辑器、浏览器
1、实现的思路是先使用选择器通过id获取到这个元素，然后使用attr方法获取某个属性的值，代码如下：
<div id="div1" class="test">
</div>
<script>
console.log($('#div1').attr('class'))
</script>
2、运行的结果是获取到了class的值test，如下图：
