浅谈获取元素的多种方式

   JS里面获取元素的方式是很多的，我想和大家讨论下取出它们的最多方式，只是起个抛砖引玉的作用，例子代码如下:
<html>
<head> </head>
<body>
<form name='p'>
<input type='text' name='f' value='11'/> <!-- 这是我们要获取的元素 --></form>
</body>
</html>
form里面的元素就是我们想要获取的元素，我想了下面一些方法获取它，大家可以继续补充(IE6 不考虑其他浏览器)1  p.f
2  document.getElementById('f')
3  document.all.f
4  document.all['f']
5  document.getElementsByTagName('input')[0]
暂时就想到了这些 欢迎大家拍砖！
在IE6中，如果没有指定id 系统默认用name值代替了id

解决方案 »

  1.   

    IE下可以用
    eval(“idName”) 获取元素
      

  2.   

    如果你纯粹是为了深入研究IE，没问题。如果为了让开发变得更有效率，可以去普及那些兼容性最好的，最规范的知识（W3C规范），并且做最优的实践（jQuery）。PS：这两条其实相同：3 document.all.f
    4 document.all['f']其区别只是js语法导致的写法变化而已，并非IE DOM API的区别。
    有区别的其实是下面的写法：document.all('f')有兴趣可以去研究微软官方的DHTML参考