请问JavaScript怎么获取自定义标签的自定义属性值 ？

JavaScript012

请问JavaScript怎么获取自定义标签的自定义属性值 ？,第1张

在 JavaScript 中，可以使用 getAttribute() 方法来获取自定义标签的自定义属性值。

<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")