博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript:getElementsByClassName
阅读量:6587 次
发布时间:2019-06-24

本文共 749 字,大约阅读时间需要 2 分钟。

背景:

由于原生的getElementsByClassName不支持在指定标签中查找指定元素为指定class的情况,所以,这里舍弃了原生的方法调用

 

方法一:

function getElementByClassName(parent,tagName,className) {	/*	*参数说明:	*@parent:父元素,默认为document	*@tagName:子元素的标签名	*@className: 用空格分开的className字符串	*/		var aEls=parent.getElementsByTagName(tagName);	var arr=[];	for(var i=0;i

 

方法二:

function getElementByClassName(parent,tagName,className) {	/*	*参数说明:	*@parent:父元素,默认为document	*@tagName:子元素的标签名	*@className: 用空格分开的className字符串	*/		var aEls=parent.getElementsByTagName(tagName);	var arr=[];	for(var i=0;i

 

测试:

1

2

3

4

5

 

方法一,测试结果:

 

 

方法二,测试结果:

 

 

了解更多:

 

1#支持多个class查询和在某个范围内进行查询的getElementsByClassName实现

 

2#getElementsByClassName的理想实现

 

转载于:https://www.cnblogs.com/kevinCoder/p/4605277.html

你可能感兴趣的文章
什么是企业内训
查看>>
深度解析Istio系列之安全模块篇
查看>>
面向对象
查看>>
HDU 1058 Humble Numbers
查看>>
wps10.1中将txt转为excel
查看>>
[BZOJ3312][USACO]不找零(状压DP)
查看>>
gtp转换mbr
查看>>
poj1985 求树的直径
查看>>
适配器模式(数据库方面)支持不同的数据库连接
查看>>
CF456B Fedya and Maths 找规律
查看>>
转载:Beginning WF 4.0翻译——第三章(流程图工作流)
查看>>
芯片测试
查看>>
在源代码中插入防止盗版代码片段的方式
查看>>
ffserver联合ffmpeg建立媒体服务器
查看>>
微软URLRewriter.dll的url重写的简单使用(实现伪静态)
查看>>
leetcode -- Combination Sum II
查看>>
Navicat for MySQL 使用SSH方式链接远程数据库(二)
查看>>
poj 1274The Perfect Stall
查看>>
HDU 4720 Naive and Silly Muggles (外切圆心)
查看>>
scrapy爬虫框架实例一,爬取自己博客
查看>>