文档章节

getElementsByClassName

w
 wangwenya
发布于 2014/06/24 10:27
字数 132
阅读 111
收藏 0

<script type="text/javascript">
   function  ele(){
    /* var elements = getElementsByClassName(document," ace_editor ace-chrome"); */
    var elements = getElementsByClass("div"," ace_editor ace-chrome");
     var ele1 =elements[0];
     console.log("shhd"+ele1);
     ele1.style.height="260px";
   }
   function getElementsByClass(tagName,cName) {
   var elements = tagName ? document.getElementsByTagName(tagName) : document.getElementsByTagName('*');
         var findEles = [];
         var reg = new RegExp('^'+cName+'\\s*|\\s+'+cName+'\\s+|\\s+'+cName+'$');
         for(var i=0;i<elements.length;i++) {
             if(reg.test(elements[i].className))findEles.push(elements[i]);          
         }
         return findEles;
 }
  function getElementsByClassName(node,classname) {
   if (node.getElementsByClassName) { // use native implementation if available
     return node.getElementsByClassName(classname);
   } else {
     return (function getElementsByClass(searchClass,node) {
         if ( node == null )
           node = document;
         var classElements = [],
             els = node.getElementsByTagName("*"),
             elsLen = els.length,
             pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"), i, j;
 
         for (i = 0, j = 0; i < elsLen; i++) {
           if ( pattern.test(els[i].className) ) {
               classElements[j] = els[i];
               j++;
           }
         }
         return classElements;
     })(classname, node);
   }
 }
  </script>

© 著作权归作者所有

共有 人打赏支持
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
getElementsByClassName

var getElementsByClassName = function (className, tag, elm){   if (document.getElementsByClassName) {   getElementsByClassName = function (className, tag, elm) {   elm = e......

wangwenya
2014/06/24
0
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

没有更多内容

加载失败,请刷新页面

加载更多

Accept和Content-type的意思

Accept意思是我希望接收到的数据类型 Content-type意思是我发出去的数据类型

大灰狼wow
9分钟前
0
0
Java每天10道面试题,跟我走,offer有!(五)

41.Iterator、ListIterator 和 Enumeration的区别?   迭代器是一种设计模式, 它是一个对象, 它可以遍历并选择序列中的对象, 而开发人员不需要了解 该序列的底层结构。 迭代器通常被称为...

Java干货分享
9分钟前
0
0
meta 解决页面浏览器兼容性

使用最高级的ie内核,如果支持谷歌内核,使用谷歌内核 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 这 样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如...

之渊
12分钟前
0
0
极验验证demo(django+vue)

在使用之前,曾经试过用阿里云的人机验证,不过在签名部分比较复杂,下载sdk后需要自己写很多,折腾了一下,还是放弃。而腾讯云的人机验证python版本有demo,直接填写keyhe1secret就可以使用...

xiaoge2016
12分钟前
0
0
浅谈js回调

js回调极为简洁,无需声明,直接通过参数传入方法实体,调用方法实体的时候,可以直接调用方法名或者方法名加参数即可,以下看例子 socket.initWebSocket(this, userName, userId, (isSucce...

Carbenson
18分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部