javascript基础之查找元素的详细介绍(访问节点)(javascript入门基础)

编辑：rootadmin

当然这些选择器都是jQuery扩展的一些方法，那么使用原生js时要怎样来查找元素呢？今天就来简单梳理下。DOM定义了多种查找元素的方法，除了我们常用的getElementById()，还有getElementsByTagName()和getElementsByName()。使用这几种方法方法我们可以查找html文档中的任意html元素。getElementById()首先来看下getElementById()，这个方法很简单，只需在参数中传入html标签的id属性值即可，由于html页面中的id具有唯一性，因此该方法返回的是单个元素对象。例如：getElementsByTagName()getElementsByTagName()参数需传入的是一个html标签名，它返回的是html文档中所有与之匹配的元素列表，这个列表具有部分数组的特性，因此也称其为类数组。当我们想操作某个特定的元素时，我们可以使用数组索引或item()来实现，例如：当然我们还可以通过length属性来循环遍历节点：getElementsByName()getElementsByName()常用来查找表单元素，参数中传入html标签的name属性值，由于文档中多个html标签的name值可能相同（如单选按钮），因此该方法返回的也是一个元素列表。具体操作方法与getElementsByTagName()类似，这里不在赘述。getByClass()虽然使用上面的几种方法已经可以满足常见需求，但是为了更方便的访问元素节点，我们一般会自己封装一个通过class来查找元素的方法：getByClass需传入两个参数，其中oParent为参考节点，即在oParent节点中查找元素，sClass为要查找的元素class的值。通过循环将oParent内的html标签的class值与传入的sClass值一一对比，符合条件的会存入到数组aResult中，最后再返回这个数组。另外这里之所以用正则来匹配而没有直接用aEle[i].className == sClass，是避免标签的class值为多个时，出现匹配失效的情况。

推荐整理分享javascript基础之查找元素的详细介绍(访问节点)(javascript入门基础)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:javascript基本语法,js的基础,javascript+,javascript基础入门教程,javascript 基础,javascript简明教程,javascript基础入门教程,javascript基础编程,内容如对您有帮助，希望把文章链接给更多的朋友！

基于JavaScript 下namespace 功能的简单分析之前看到网易还是新浪还是什么什么网站来着，也是用类似这种东西的，当时对js只是九牛一毛的水平，当场被吓傻了。但这次，我打算亲自分析下，

基于javascript 闭包基础分享如果对作用域，函数为独立的对象这样的基本概念理解较好的话，理解闭包的概念并在实际的编程实践中应用则颇有水到渠成之感。在DOM的事件处理方

转义字符（）对JavaScript中JSON.parse的影响概述按照ECMA第五版中的解释，JSON是一个提供了stringify和parse方法的内置对象，前者用于将js对象转化为符合json标准的字符串，后者将符合json标准的字符串