javascript和html中关于自定义属性的问题

    有的时候，在一个html标签中，我们需要使用用除了它给我们提供的属性以外的其它属性，例如：在a标签中做了一个关于图片的超链接。在显示这张图片的时候，我还想让这张图的下面显示它的分辨率。那么关于分辨率的的两个值，我们就可以记录在a标签本身定义的属性中，每次点击的时候，就可以从这两个属性中取得分辨率的值了。在js中只要通过getAttribute()方法就可以取得自定义的属性了。

html代码如下：

<a href="image/myPhoto.jpg"  a1="1024" a2="768">我的图片</a>

js的获取代码如下:

<script type="text/javascript">

　　function getImg(link){

　　var imgWidth=link.getAttribute("a1")

　　var imgHeight=link.getAttribute("a2")

　　}

</script>