fireforx中操作标签自定义属性

brsuo

于 2010-07-14 18:55:28 发布

阅读量143

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： IE JavaScript Firefox HTML 浏览器 ViewUI

本文链接：https://blog.youkuaiyun.com/brsuo/article/details/83669701

web前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何在不同浏览器中获取HTML元素上的自定义属性值。对于IE浏览器，可以直接使用‘. ’运算符来访问这些属性，而在Firefox等其他浏览器中，则需采用attributes方法来获取。文章提供了具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在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>