`
wode66
  • 浏览: 738427 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

fireforx中操作标签自定义属性

IEJavaScriptFirefoxHTML浏览器 
阅读更多

    在IE浏览器中，可以直接在标签内添加自定义属性，然后，通过“.”运算符获取自定义属性的值。如下所示：

 

<html>
<head>
</head>
<body>
	<input id="btn" type="button" test="自定义的test属性值"  onclick="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属性值"  onclick="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>

 

分享到：
| 标签的闭合问题
评论
发表评论

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

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics