文档章节

getElementsByClassName

w
 wangwenya
发布于 2014/06/24 10:12
字数 196
阅读 77
收藏 0
点赞 0
评论 0

var getElementsByClassName = function (className, tag, elm){

  if (document.getElementsByClassName) {

  getElementsByClassName = function (className, tag, elm) {

  elm = elm || document;

  var elements = elm.getElementsByClassName(className),

  nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null,

  returnElements = [], current;

  for(var i=0, il=elements.length; i

  current = elements[i];

  if(!nodeName || nodeName.test(current.nodeName)) {

  returnElements.push(current);}}

  return returnElements;};}

  else if (document.evaluate) {getElementsByClassName = function (className, tag, elm) {

  tag = tag || "*";elm = elm || document;var classes = className.split(" "),classesToCheck = "",

  xhtmlNamespace = "http://www.w3.org/1999/xhtml",

  namespaceResolver = (document.documentElement.namespaceURI === xhtmlNamespace)? xhtmlNamespace : null,

  returnElements = [],elements,node;

  for(var j=0, jl=classes.length; j

  classesToCheck += "[contains(concat( , @class , ), " + classes[j] + " )]";

  }try {elements = document.evaluate(".//" + tag + classesToCheck, elm, namespaceResolver, 0, null);

  }catch (e) {elements = document.evaluate(".//" + tag + classesToCheck, elm, null, 0, null);}

  while ((node = elements.iterateNext())) {

  returnElements.push(node);}return returnElements;};}

  else {getElementsByClassName = function (className, tag, elm) {

  tag = tag || "*";elm = elm || document;var classes = className.split(" "),classesToCheck = [],

  elements = (tag === "*" && elm.all)? elm.all : elm.getElementsByTagName(tag),current,returnElements = [],match;

  for(var k=0, kl=classes.length; k<KL; k+="1){classesToCheck.push(new" regexp(?(^|\\s)?="" classes[k]="" +="" ?(\\s|$)?));}<="" p="">

  for(var l=0, ll=elements.length; l

  for(var m=0, ml=classesToCheck.length; m

  match = classesToCheck[m].test(current.className);

  if (!match) {break;}}

  if (match) {returnElements.push(current); }}return returnElements;};}

  return getElementsByClassName(className, tag, elm);};

© 著作权归作者所有

共有 人打赏支持
w
粉丝 3
博文 94
码字总数 33768
作品 0
广州
事件监听一直报错Cannot set property 'display' of undefined

css ↓ .wechatBtn {position: relative;} .wechat {position: absolute; top: 24px; right: -1px; display: none;} js ↓ function wechatBlock (){ var wechat = document.getElementsByCl......

皇上洗碗
2016/09/30
332
0
这样为什么不能起作用?

失意的黑荆棘
2015/10/23
84
2
Html Dom getElementsByClassName

getElementsByClassName() 查找带有相同类名的所有 HTML 元素。该方法返回一个集合。注意不是数组,虽然也可以使用 [index] 方式得到其中的元素。 该集合的常用属性和方法 注意:当集合中的元...

隋茂华
2014/09/29
0
0
使用javascript通过className来获取元素

开始慢慢从JQUERY再转回到纯JS。。。 代码 //原理: 用document.getElementsByTagName('*');来获取所有元素,然后取得相同Class的元素。 function getElementsByClassName(n) { var classEl...

niunan
2010/06/19
0
0
js document.getElementsByClassName的使用介绍与自定义函数

今天在增加一个功能的时候需要用到getElementsByClassName(),getElementsByClassName但是HTML5 新增的DOM API。IE8以下不支持,那么就需要下面的方法解决了 getElementsByClassName()是HTM...

crackernet
06/29
0
0
js修改class属性相关问题

萌妹纸快来
2017/03/16
150
1
getElementsByClassName

<script type="text/javascript"> function ele(){ / var elements = getElementsByClassName(document," ace_editor ace-chrome"); / var elements = getElementsByClass("div"," ace_edito......

wangwenya
2014/06/24
0
0
在js文件中注册onclick事件,同时想将元素信息传入调用方法,但这样就会运行而非监听了!

var room = document.getElementsByClassName("Room"); for (var i = 0, j = room.length; i < j; i++) { var roomtemp = room[i]; roomtemp.onclick = function id(roomtemp) { onsole.log(......

lixudong
2016/08/31
214
1
javaScript的DOM

DOM是Document Object Model的缩写,简称文档对象模型 通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 一、访问HTML元素节点 1.通过 id 访问 HTML 元素 在 DOM 中查找 HTML 元素的...

博为峰教研组
2016/11/28
8
0
.getElementsByClassName()return出来是一个对象不支持.style属性吗?

var itemripple= document.getElementsByClassName("item-ripple")[0];return出来“”,是一个element对象,我想更改它的css,但是点不出style属性,是本身这个方法不支持这个属性吗,查了之后...

磊大侠
2017/09/25
51
2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

大数据教程(2.11):keeperalived+nginx高可用集群搭建教程

上一章节博主为大家介绍了目前大型互联网项目的系统架构体系,相信大家应该注意到其中很重要的一块知识nginx技术,在本节博主将为大家分享nginx的相关技术以及配置过程。 一、nginx相关概念 ...

em_aaron
24分钟前
0
0
Apache Directory Studio连接Weblogic内置LDAP

OBIEE默认使用Weblogic内置LDAP管理用户及组。 要整理已存在的用户及组,此前办法是导出安全数据,文本编辑器打开认证文件,使用正则表达式获取用户及组的信息。 后来想到直接用Apache Dire...

wffger
31分钟前
2
0
HFS

FS,它是一种上传文件的软件。 专为个人用户所设计的 HTTP 档案系统 - Http File Server,如果您觉得架设 FTP Server 太麻烦,那么这个软件可以提供您更方便的档案传输系统,下载后无须安装,...

garkey
35分钟前
1
0
Java IO类库之BufferedInputStream

一、BufferedInputStream介绍 /** * A <code>BufferedInputStream</code> adds * functionality to another input stream-namely, * the ability to buffer the input and to * sup......

老韭菜
38分钟前
0
0
STM 32 窗口看门狗

http://bbs.elecfans.com/jishu_805708_1_1.html https://blog.csdn.net/a1985831055/article/details/77404131...

whoisliang
昨天
0
0
Dubbo解析(六)-服务调用

当dubbo消费方和提供方都发布和引用完成后,第四步就是消费方调用提供方。 还是以dubbo的DemoService举例 -- 提供方<dubbo:application name="demo-provider"/><dubbo:registry address="z...

青离
昨天
1
0
iptables规则备份和恢复、firewalld的9个zone以及操作和service的操作

保存以及备份iptalbes规则 设定了的防火墙规则要进行保存,否则系统重启后这些规则就没有了,使用命令 ”service iptables save ” 会把设定好的防火墙规则保存到文件/etc/sysconfig/iptabl...

黄昏残影
昨天
0
0
k8s image

k8s.gcr.io/kube-apiserver-amd64:v1.11.0k8s.gcr.io/kube-controller-manager-amd64:v1.11.0k8s.gcr.io/kube-scheduler-amd64:v1.11.0k8s.gcr.io/kube-proxy-amd64:v1.11.0k8s.gcr.......

分秒
昨天
0
0
数据结构--排序

这篇博客包含了数据结构中多种的排序算法: (1)简单选择:第一趟在A[0]~A[n-1]之间找到最小的,与A[0]进行交换,之后在A[1]~A[n-1]之间进行。。。第i趟在A[i-1]~A[n-1]之间找到最小的,最后...

wangxuwei
昨天
1
0
一名3年工作经验的java程序员应该具备的职业技能

一名3年工作经验的Java程序员应该具备的技能,这可能是Java程序员们比较关心的内容。我这里要说明一下,以下列举的内容不是都要会的东西—-但是如果你掌握得越多,最终能得到的评价、拿到的薪...

老道士
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部