浅谈获取元素的多种形式
日期：2014-05-16 浏览次数：20298 次
浅谈获取元素的多种方式
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
------解决方案--------------------
如果你纯粹是为了深入研究IE，没问题。
如果为了让开发变得更有效率，可以去普及那些兼容性最好的，最规范的知识（W3C规范），并且做最优的实践（jQuery）。
PS：这两条其实相同：
3 document.all.f
4 document.all['f']
其区别只是js语法导致的写法变化而已，并非IE DOM API的区别。
有区别的其实是下面的写法：
document.all('f')
有兴趣可以去研究微软官方的DHTML参考
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
------解决方案--------------------
如果你纯粹是为了深入研究IE，没问题。
如果为了让开发变得更有效率，可以去普及那些兼容性最好的，最规范的知识（W3C规范），并且做最优的实践（jQuery）。
PS：这两条其实相同：
3 document.all.f
4 document.all['f']
其区别只是js语法导致的写法变化而已，并非IE DOM API的区别。
有区别的其实是下面的写法：
document.all('f')
有兴趣可以去研究微软官方的DHTML参考
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
