位置: 编程技术 - 正文

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基础之查找元素的详细介绍(访问节点)(javascript入门基础)

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

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

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

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

本文链接地址:https://www.jiuchutong.com/biancheng/376111.html 转载请保留说明!

上一篇:js文件缓存之版本管理详解(js 文件缓存)

下一篇:基于JavaScript 下namespace 功能的简单分析(javascript definitive guide)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络