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

JavaScript013

请问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>

以前感觉用JQuery来设置自定义属性很方便，现在没有用JQuery，要用原生的JavaScript来操作自定义属性。 Jquery操作自定义属性的方法，很简洁：$(&quot#test&quot).attr(&quottest&quot,&quotaaa&quot) // 设置$(&quot#test&quot).removeAttr(&quottest&quot) // 删除var testAttr = &quotddd&quot$('#test[test=&quot'+ testAttr +'&quot]')JavaScript操作定义属性的方法，如下所示：var testEle = document.getElementById(&quottest&quot)testEle.setAttribute(&quottest&quot,&quotaaa&quot)// 设置testEle.attributes[&quottest&quot].nodeValue// 获得感觉JS上层库用多了，反而原生的不会了，特此在此记录一下，也分享一下。

可以这样：

<span bb="123" onclick="aa(this.bb)">125</span>

js代码：

function aa(val){

alert(val) //就会输出 123

//在这里val 就是你所点击的span的bb值

}