js在Firefox与IE中对DOM对像的引用的比较_javascript技巧

1.直接用ID属性进行引用

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>test1</title> <div id="myDiv"> myDiv </div> <script language="JavaScript"><!-- function clickHandler(){ alert(this.id); } myDiv.onclick = clickHandler; //使用ID进行引用 // --></script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

代码如上，测试表时在IE下有效，Firefox中无效。
2.直接用NAME属性进行引用

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>test1</title> <div name="myDiv" id="divId"> myDiv </div> <script language="JavaScript"><!-- function clickHandler(){ alert(this.id); } myDiv.onclick = clickHandler; // 使用NAME进行引用 // --></script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

代码如上，在FF和IE下均无效，记得以前在网上看过有人用NAME去引用，不知是自己记错了还是什么。
3.使用getElementById(),getElementsByName(),getElementsByTagName()进行引用

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>test1</title> <div name="myDiv" id="divId"> myDiv </div> <script language="JavaScript"><!-- function clickHandler(){ alert(this.id); } document.getElementById("divId").onclick = clickHandler; //id document.getElementsByName("myDiv")[0].onclick = clickHandler ; //name document.getElementsByTagName("div")[0].onclick = clickHandler ; //element // --></script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

代码如上，在FF和IE下均用效。