使用js在IE9中获取标签自定义属性

最新推荐文章于 2024-02-01 22:05:42 发布

原创最新推荐文章于 2024-02-01 22:05:42 发布 · 5.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ie #javascript #html

Javascript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种解决IE9浏览器对自定义HTML标签属性不兼容的问题的方法。通过使用getAttribute方法替代直接读取属性的方式，确保了代码在IE9及现代浏览器中的兼容性和一致性。

JScript code

function wfMain_DevNodeContextMenu(event) {
            var ele = event.target || event.srcElement;
            var devType = ele.devType;
            alert(devType );
}

HTML code

<a id='bbbb' UserName='ccccc' href='javascript:;' devID='001' devType='525' oncontextmenu='return wfMain_DevNodeContextMenu(event)' ></a>

找了很久才发现，是ie9对自定义html标签属性不兼容。下面的代码是兼容的

JScript codefunction wfMain_DevNodeContextMenu(event) {
            var ele = event.target || event.srcElement;
            var devType = ele.getAttribute("devType");
            alert(ele.getAttribute("devType"));
}

HTML code<a id='bbbb' UserName='ccccc' href='javascript:;' devID='001' devType='525' oncontextmenu='return wfMain_DevNodeContextMenu(event)' ></a>