文档章节

getElementsByClassName

w
 wangwenya
发布于 2014/06/24 10:12
字数 196
阅读 78
收藏 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
js-css:如何通过 getElementsByClassName(这个参数应该传什么) 取得所有的 里的内容的字体大小

背景需求是 mztreeview的字体有点小,想增加手工选择 大中小 的功能: https://haitao.appinn.me/config/mytree2gaozhong.html 如何通过 getElementsByClassName(这个参数应该传什么) 取得...

haitaosoft
2018/03/04
393
9
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
2018/06/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

数据库篇一

数据库篇 第1章 数据库介绍 1.1 数据库概述  什么是数据库(DB:DataBase) 数据库就是存储数据的仓库,其本质是一个文件系统,数据按照特定的格式将数据存储起来,用户可以对数据库中的数据...

stars永恒
25分钟前
2
0
Intellij IDEA中设置了jsp页面,但是在访问页面时却提示404

在Intellij IDEA中设置了spring boot的jsp页面,但是在访问时,却出现404,Not Found,经过查找资料后解决,步骤如下: 在Run/Debug Configurations面板中设置该程序的Working Directory选项...

uknow8692
昨天
2
0
day24:文档第五行增内容|每月1号压缩/etc/目录|过滤文本重复次数多的10个单词|人员分组|

1、在文本文档1.txt里第五行下面增加如下内容;两个方法; # This is a test file.# Test insert line into this file. 分析:给文档后增加内容,可以用sed 来搞定;也可以用while do done...

芬野de博客
昨天
2
0
深入理解JVM—JVM内存模型

深入理解JVM—JVM内存模型 我们知道,计算机CPU和内存的交互是最频繁的,内存是我们的高速缓存区,用户磁盘和CPU的交互,而CPU运转速度越来越快,磁盘远远跟不上CPU的读写速度,才设计了内存...

onedotdot
昨天
2
0
MVC、MVCS、MVVM、MVP、VIPER等这么多架构模式哪一个好呢?

在项目开启阶段,其中一个很重要的环节就是选架构。 那么面对目前已知的这么多架构模式我们该怎么选择呢?这确实是个很让人头疼的问题! 下面我就在这里梳理一下目前常见的一些架构模式。 先...

Java干货分享
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部