HTML元素，这个属性已经非常丰富了。但是，在某些情况下，它看起来也很困难，在这个时候定制属性起着关键的作用。

html元素的自定义属性非常方便使用，例如：



假设我们现在需要限制它，这个按钮只能点击2次，然后是无效的。

通常的实现方法是以全局变量的形式记录点击，但是我们使用自定义属性来实现这个功能，显示了自定义属性的优点。我们改变上面的按钮。



你可以看到，我添加了一个自定义属性这个按钮，clickcount，并设置初始值为0；在这里，我们写js代码的实现：

1。添加点击事件按钮



2。让我们写的customattributedemo（obj）功能

对于IE，自定义属性的使用非常简单，因为IE自动将自定义属性解析成DOM，这与标准属性没有区别。IE下面的版本是：
复制代码代码如下所示：
功能customattributedemo（obj）
{
如果（obj.clickcount = '0'）
{
obj.clickcount = 1；
}
其他的
{
obj.disabled =真；
}
}

以上代码将在Firefox下失败，因为Firefox对自定义属性的使用有更高的限制，只能通过属性{集合}访问。Firefox下面的代码是：
复制代码代码如下所示：
功能customattributedemo（obj）
{
如果（对象属性'clickcount{ }。节点值为'0'）
{
Obj。属性{ 'clickcount节点值=‘'}；
}
其他的
{
obj.disabled =真；
}
}

以上代码也适用于IE，因此代码与代码兼容。

由于互联网用户的交流，他给getAttribute和setAttribute方法：
复制代码代码如下所示：
功能customattributedemo（obj）
{
如果（obj.getattribute（'clickcount）= '0'）
obj.setattribute（'clickcount'、‘）；
其他的
obj.disabled =真；
}