JS自定义属性的设置与获取

JavaScript010

JS自定义属性的设置与获取,第1张

以前感觉用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值

}

function gotThnameId(el){

    // 上面贴的代码有很多中文符号，是不是这个问题？

    alert('使用attr=>' + $(el).attr("thid"))

    // 这个可以的

    alert('使用getAttribute=>' + el.getAttribute("thid"))

}