`
husituo
  • 浏览: 27549 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript/js获取html元素自定义属性的值(兼容Firefox和IE)

阅读更多
<table>
	<tr eventId=356 ondblclick="f(this)">
		<td style="position:relative">	
			<input value="bbb" selft="abc" onclick="f(this)">
		</td>
		<td style="position:relative">	
			aaa
		</td>
	</tr>
</table>
<script>
	function f(ele){
		// alert(ele.eventId);// 这个只能在 IE中可用
		// 下面这两种方法在IE,FireFox和Chrome中都能用,都可以
		alert(ele.attributes['eventId'].nodeValue);
		alert(ele.getAttribute('eventId'));
		// 总结,对于HTML元素,标准中规定的属性可以 ele.attributeName
		// 的方法去获取其值;用户自定义的(自动放到页面元素中的)属性
		// 就要通过ele.getAttribute("attributeName") 的方式来获取其值
		// 了。[IE例外] :)
	}
</script>

严重参考:http://blog.csdn.net/xxtjp/article/details/6852496
分享到:
评论

相关推荐

    JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)

    在本文中,将详细介绍JavaScript/Js脚本如何处理HTML元素的自定义属性,并确保脚本在Firefox与IE两个浏览器上兼容运行。首先,需要了解HTML元素的自定义属性是开发者根据需要自行添加的属性,并非HTML标准属性,它们...

    js获取单元格自定义属性值的代码(IE/Firefox)

    总结起来,这段JavaScript代码是针对IE和Firefox的兼容性实现,目的是获取表格单元格的自定义属性值,并结合单元格的文本内容,生成XML格式的字符串。在实际应用中,可能需要根据具体需求对这段代码进行调整,例如...

    HTML:自定义标签属性

    假设我们有一个带有 `data-idvalue` 自定义属性的 `&lt;input&gt;` 元素,下面是如何在 JavaScript 中访问它的值: ```javascript var txtInput = document.getElementById('txtInput'); // IE 和部分其他浏览器 var ...

    javascript在IE和Firefox中兼容性问题

    IE支持`innerText`属性来获取或设置元素的文本内容,而Firefox则使用`textContent`。为了兼容性,通常需要同时使用这两个属性。 5. **getElementsByName测试.html 和 getElementById测试.html** `...

    Javascript在IE和FireFox中的兼容处理

    然而,由于不同浏览器的实现差异,特别是Internet Explorer(IE)和Firefox,开发者经常面临兼容性问题。以下是一些关键的JavaScript兼容处理策略: 1. **数组、集合类对象的元素访问** - IE支持`for...in`循环...

    原生javascript自定义滚动条(兼容IE,火狐,chrom)

    本篇文章将深入探讨如何使用JavaScript实现自定义滚动条,并确保其在Internet Explorer(IE)、Firefox和Chrome等主流浏览器中的兼容性。 首先,我们需要理解不同浏览器对滚动条的支持情况。在CSS中,Webkit内核的...

    JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome.docx

    JavaScript 自定义浏览器滚动条兼容 IE、火狐和 chrome 本文主要共享了使用原生 JavaScript 实现自定义浏览器滚动条兼容 IE、火狐和 chrome 的思路与方法。通过 JavaScript 实现自定义浏览器滚动条,可以实现跨...

    ie 和 firefox 的javascript 兼容问题(网上下载的).doc

    ### IE和Firefox的JavaScript兼容性问题详解 #### 1. `document.formName.item("itemName")` 问题 在处理表单元素时,IE 和 Firefox 对 `document.formName.item("itemName")` 的支持存在差异。 **说明:** - **...

    兼容IE和Firefox获得keyBoardEvent对象

    兼容IE和Firefox获得keyBoardEvent对象 在 JavaScript 编程中,获得keyBoardEvent对象是非常重要的,但是不同的浏览器对其支持不同。IE和Firefox是两种最常用的浏览器,它们对keyBoardEvent对象的支持存在一定的...

    Firefox和IE兼容性问题及解决方法总结

    在开发跨浏览器的应用时,尤其是基于JavaScript的网页应用,Firefox和Internet Explorer(IE)之间的兼容性问题时常出现,这给开发者带来不小的困扰。本文将针对这些常见问题提供解决方案。 1. **outerHTML属性兼容...

    javascript 旋转图片 兼容IE和FireFox

    在JavaScript中实现图片旋转功能,尤其需要兼容IE和Firefox浏览器,是一项常见的前端任务。这篇文章将深入探讨这个主题,包括核心概念、技术难点以及如何通过提供的文件实现这一功能。 首先,我们要知道图片旋转的...

    vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件 下拉滚动条

    /* Firefox */ } .scroll-area::-webkit-scrollbar { width: 10px; } .scroll-area::-webkit-scrollbar-track { background: #f1f1f1; } .scroll-area::-webkit-scrollbar-thumb { background: #888; }...

    JS日期选择器(兼容IE,FireFox,Oprea,chrome等主流浏览器)

    "JS日期选择器(兼容IE,FireFox,Oprea,chrome等主流浏览器)"是一个专门为JavaScript环境设计的,旨在解决跨浏览器兼容性问题的日期选择工具。这个组件的目标是确保在不同浏览器如Internet Explorer(IE)、Firefox、...

    javascript日期控件兼容FireFox修改版(二)

    标题"javascript日期控件兼容FireFox修改版(二)"指出,这是一个关于解决JavaScript日期控件在Firefox浏览器中兼容性问题的解决方案。 描述中提到的"修改后版本存在BUG",暗示了原始的日期控件代码在Firefox上可能...

    javascript和css在IE和Firefox中的不同点及解决兼容性的方案

    JavaScript 和 CSS 在不同的浏览器之间可能存在兼容性问题,尤其是在 Internet Explorer (IE) 和 Mozilla Firefox 这两个浏览器中。本文将详细探讨这些差异,并提供相应的解决策略,以确保网站在各种浏览器中都能...

    DOM文档和Javascript的IE和Firefox兼容性

    DOM将任何结构化的文档表示为树形结构,允许程序和脚本动态更新、添加、删除以及修改元素和属性。在JavaScript中,DOM是浏览器提供的一组与HTML或XML文档交互的接口。 "Javascript的IE和Firefox兼容性"则涉及到...

    js兼容IE火狐问题

    由于各个浏览器对JavaScript的支持程度和实现方式有所差异,所以需要采取特定的策略来处理这些差异,以确保代码在Internet Explorer(IE)和Mozilla Firefox(FF)等浏览器上都能正常运行。以下是针对IE和FF兼容性...

Global site tag (gtag.js) - Google Analytics