javascript 获取节点自定义属性的值

Posted 2023-05-13

例如：<spen bb="123" onclick="javascript方法">456</spen>
<spen bb="123" onclick="javascript方法">789</spen>
============================================
写一个function 来获取指定点击节点中属性bb的值？

可以这样：
<span bb="123" onclick="aa(this.bb)">125</span>

js代码：
function aa(val)
alert(val) //就会输出 123
//在这里val 就是你所点击的span的bb值
参考技术A document.getElementById('ElementsID').attributes("bb").value

例如
<button a="a" onclick="test()" id="test">点我</button>
<script language="javascript">
function test()
var node=document.getElementById('test');
alert("设置前自定义属性a的值是"+node.attributes["a"].value);
var val=node.attributes["a"].value="b";
alert("设置后自定义属性a的值是"+val);

</script> 参考技术B function test()
var email = document.getElementById("321");


<spen bb="123" name="321" onclick="test()">456</spen>追问

没明白我的意思啊

获取自定义属性 data-* 的值

//获取自定义属性值

<div id="text" dataObj="我是自定义属性"><div>

JQUERY取值：$("#text").attr("dataObj");

输出：我是自定义属性

 

//获取data-*值

<div id="text"  data-level="1"><div>

JQUERY取值：$("#text").data("level");

输出：1