谷歌浏览器不支持javascript 属性对象获取问题

谷歌浏览器 JavaScript 属性对象获取问题

首先陈述一下我遇到的问题

我在img标签里面添加自定义属性fileName

<img fileName="0_0.png" width="300" heigth="300" />

通过下面代码获取其属性值

var fileName =  document.getElementsByTagName("img").fileName

在IE，360浏览器均正常，在谷歌浏览器下则找不到该属性值

解决方法

将上面代码修改为attributes[“属性名”]的方法获取，则在IE，360浏览器，谷歌浏览器均可正常获取

var fileName =  document.getElementsByTagName("img").attributes["fileName"].value;

属性获取需要注意一下浏览器兼容性