在IE浏览器中,可以直接在标签内添加自定义属性,然后,通过“.”运算符获取自定义属性的值。如下所示:
<html>
<head>
</head>
<body>
<input id="btn" type="button" test="自定义的test属性值" οnclick="getTest()" value="点击获取自定义的test属性值">
</body>
<script type="text/javascript">
function getTest()
{
var x=document.getElementById("btn");
//仅适用于IE;
var v = x.test;
alert(v);
}
</script>
</html>
但是,firefox中,对此操作不兼容,需使用attributes["自定义属性名"].nodeValue来获得自定义属性的值。
<html>
<head>
</head>
<body>
<input id="btn" type="button" test="自定义的test属性值" οnclick="getTest()" value="点击获取自定义的test属性值">
</body>
<script type="text/javascript">
function getTest()
{
var x=document.getElementById("btn");
//适用于firx fox和IE;
var v = x.attributes['test'].nodeValue;
alert(v);
}
</script>
</html>