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

asialee

浏览: 1238713 次
性别:
来自: 北京

最近访客更多访客>>

xiaojundream

green_tea

xx5333

bbmmhjjwanm

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

jQuery JavaScript XHTML HTML

以前感觉用JQuery来设置自定义属性很方便，现在没有用JQuery，要用原生的JavaScript来操作自定义属性。

Jquery操作自定义属性的方法，很简洁：

$("#test").attr("test","aaa") // 设置
$("#test").removeAttr("test") // 删除

var testAttr = "ddd";
$('#test[test="'+ testAttr +'"]')

JavaScript操作定义属性的方法，如下所示：

var testEle = document.getElementById("test")
testEle.setAttribute("test","aaa"); // 设置
testEle.attributes["test"].nodeValue; // 获得

感觉JS上层库用多了，反而原生的不会了，特此在此记录一下，也分享一下。

分享到：

Class的isAssignableFrom的用法 | How Tomcat Works 读书笔记(第三章)

2009-11-25 00:20
浏览 19948
评论(5)
分类:Web前端
查看更多

5 楼 asialee 2010-07-13

asialee 写道

guodong66 写道

input 加上后，直接用这个获取不到

我以前获取过呀。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="keywords" content=" JS自定义属性的设置与获取" />
    <script type="text/javascript">
function getValue() {
// 这个就是那个input的id呀，可以获得
var testEle = document.getElementById("test")
testEle.setAttribute("test","aaa"); // 设置
var valueValue = testEle.attributes["test"].nodeValue; // 获得
alert(valueValue);
    }
    </script>
   <input type="input" id ="test" onClick="getValue()"/>
</body>
</html>

上面是我写的代码可以获取到的。

4 楼 asialee 2010-07-13

guodong66 写道

input 加上后，直接用这个获取不到

我以前获取过呀。

3 楼 guodong66 2010-07-13

input 加上后，直接用这个获取不到

2 楼 asialee 2010-02-05

yyang1986321 写道

<input>框如果加个自定义的属性，怎么获得啊？

// 这个就是那个input的id呀，可以获得
var testEle = document.getElementById("test")  
testEle.setAttribute("test","aaa"); // 设置  
testEle.attributes["test"].nodeValue; // 获得

1 楼 yyang1986321 2010-02-05

<input>框如果加个自定义的属性，怎么获得啊？

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论