`
tdmlxq
  • 浏览: 38025 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

HTML标记中的class属性在ie和ff下的不同取法

阅读更多
html代码如下:
<a href="popup.html" class="popup">Example</a>

如果要用DOM Core提供的getAttribute方法取得class属性的值,在IE下用getAttribute("class")取值,返回的是null,因为此方法在ie下是无效的,用getAttribute("className")能够正常取到,同意,在ff下用getAttribute("className")取得的结果是null,而用getAttribute("class")能够正确返回结果。
请看下面代码,通过onClick事件弹出一个画面。 文件名为comm.js
window.onload = prepareLinks;
function prepareLinks(){
	var links = document.getElementsByTagName("a");
	for(var i=0; i<links.length; i++){
		//支持ie浏览器
		if (links[i].getAttribute("className")){
			if(links[i].getAttribute("className") == "popup") {
			links[i].onclick = function(){
				popUp(this.getAttribute("href"));
				return false;
				}
			}
		} else if(links[i].getAttribute("class")){//支持ff浏览器
			if(links[i].getAttribute("class") == "popup") {
			links[i].onclick = function(){
				popUp(this.getAttribute("href"));
				return false;
				}
			}
		}
		
	}
}
function popUp(winURL) {
	window.open(winURL,"popup","width=320,height=480");
}

分享到:
评论

相关推荐

    css介绍快速学习

    在定义的中,多个标签的class属性值可以相同,而id值要唯一,因为JavaScript中经常用。 8.class选择器: 在标签中定义class属性并赋值。通过标签名.class值 对该标签进行样式设置。 例: 相同标签设置不同样式的...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -ExtAspNet支持原生的AJAX,也就是说控件的属性改变在AJAX过程中会反映到页面中,但并不是所有的控件属性都支持AJAX改变。 -加载s.gif图片在本机进行,不会请求extjs.com远程资源(feedback:efrigate43,abaocoole)...

    ExtAspNet_v2.3.2_dll

    -ExtAspNet支持原生的AJAX,也就是说控件的属性改变在AJAX过程中会反映到页面中,但并不是所有的控件属性都支持AJAX改变。 -加载s.gif图片在本机进行,不会请求extjs.com远程资源(feedback:efrigate43,abaocoole)...

    IE event.srcElement和FF event.target 功能比较

    注意获取的标记都以大写表示,如”TD”,”TR”,”A”等 代码如下: ”div_001″&gt; &lt;form id=”form_001″&gt; &lt;input type=”button” id=”button_001_id” name=”button_001_Name” value=”单击查看” class...

    网页表单在浏览器的表现实例

    在工作之余抽了点时间写了一下这个,在ie6-ie7-ff下显示位置基本都一致了。 (发现demo页面用栅格线做背景,调试还真的容易得多 。热力推荐!这个栅格是从photoshop里拷贝来的。) 这样子定义了input等标签,做提交...

    GoodProject Maven Webapp.zip

    JSP技术有点类似ASP技术,它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件,后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的,既能在...

    jquery插件使用方法大全

    它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX...

    Visual C++ 编程资源大全(英文源码 网络)

    feature like the one in INTERNET EXPLORER 在浏览器中改变字体(4KB)&lt;END&gt;&lt;br&gt;83,06.zip An ICMP Class For MFC 用MFC写的ICMP类(9KB)&lt;END&gt;&lt;br&gt;84,07.zip Extending the IE Context Menu in your App ...

    js使用小技巧

    取变量类型 typeof($js_libpath) == "undefined" 下拉框 下拉框.options[索引] 下拉框.options.length 查找对象 document.getElementsByName("r1"); document.getElementById(id); 定时 timer=setInterval...

    贪吃蛇 函数封装经典案例.docx

    //空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。 //如果没有记录最高分,将最高分设置为0; if(bestScore==null...

    网管教程 从入门到精通软件篇.txt

    Windows XP(包括 Windows 2000)的控制台命令是在系统出现一些意外情况下的一种非常有效的诊断和测试以及恢复系统功能的工具。小编的确一直都想把这方面的命令做个总结,这次辛苦老范给我们整理了这份实用的秘笈。 ...

    原生JS查找元素的方法(推荐)

    最后只能全页面进行匹配class,不过比较节省的性能的是,在指定class名称的时候,同时传入HTML标签的类型,用于节省遍历的范围! 因为水平有限,目前也只能写成这种,真的好好奇JQ的选择器是怎么去匹配DOM的,如果有...

    sdcms系统源码 1.0

    1.更换了验证码文件,IE7和FF均可以正常使用,还可以通过文件自定义验证码的宽度和高度。 2.未验证的信息调整为不显示 3.针对windows2003服务器的文件大小超出服务器允许范围会出错的问题做了容错方案 4.通知和信息...

Global site tag (gtag.js) - Google Analytics