文档章节

getElementsByClassName

w
 wangwenya
发布于 2014/06/24 10:27
字数 132
阅读 109
收藏 0
点赞 0
评论 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
js document.getElementsByClassName的使用介绍与自定义函数

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

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

萌妹纸快来
2017/03/16
150
1
在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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

告警系统主脚本、告警系统配置文件、告警系统监控项目

告警系统主脚本 为方便需要,所有的shell脚本放到 /usr/local/sbin/ 目录下 切换到 /usr/local/sbin/ 目录下,创建告警系统脚本 #!/bin/bash#Written by aming.# 是否发送邮件的开关(1表...

Zhouliang6
4分钟前
1
0
不要再问我跨域的问题了

原文链接:web.jobbole.com 【RTC实时互联网大会 限时免费 马上报名】www.bagevent.com 写下这篇文章后我想,要不以后就把这种基础的常见知识都归到这个“不要再问我XX的问题”,形成一系列内...

阿K1225
6分钟前
0
0
Tomcat配置虚拟路径

<?xml version="1.0" encoding="UTF-8"?> <Context docBase="/data/dispute_https/headPortrait/" path="/headPortrait" reloadable="true"/> <!-- 该文件名为headPortrait.xml,放在${tomca......

Helios51
7分钟前
0
0
开源PaaS Rainbond 3.6.1 Released

本次3.6.1版本更新,重点修复了3.6.0版本部分情况下会出现的BUG,同时改进了内部市场、参数验证、历史消息等功能,详细更新记录如下—— 3.6.1 功能改进 云帮初次使用跳转至注册页面 消息添加...

好雨云帮
8分钟前
0
0
Unsupported major.minor version 52.0

执行代码的jdk版本 低于 编译的jdk版本 其中52.0 对应的就是 jdk1.8版本。

@林文龙
8分钟前
0
0
聊聊spring cloud的AbstractLoadBalancingClient

序 本文主要研究一下spring cloud的AbstractLoadBalancingClient AbstractLoadBalancingClient spring-cloud-netflix-ribbon-2.0.0.RELEASE-sources.jar!/org/springframework/cloud/netfli......

go4it
9分钟前
0
0
博客改版通知

先上博客地址 --> http://metaphors.name 最近将博客从 Jekyll 迁到了 Hexo,所以简书、开源中国、博客园、CSDN文章中的的部分图片丢了,原文链接也不可用了,不过没关系,原文链接都会转到博...

Metaphors
9分钟前
0
0
vue基础知识练习

一、Hello World <div id="itany">{{msg}} <!-- 两对大括号{{}}称为模板,用来进行数据的绑定显示在页面中 --> </div><script src="js/vue.js"></script><script>var vm=new Vue({......

一个yuanbeth
13分钟前
0
0
spring @Transactional注解参数详解

原文:事物注解方式: @Transactional 当标于类前时, 标示类中所有方法都进行事物处理 , 例子: 1 @Transactional public class TestServiceBean implements TestService {} 当类中某些方法不需...

binhu
16分钟前
0
0
CORS 跨域实践

本文首发于个人微信公众号《andyqian》,期待你的关注~ 前言 系统通常都是由单体应用逐渐演化而来,演化成为前后端分离的分布式应用。在享受分布式系统带来的诸多好处之时,随之而来的也有不...

andyqian
23分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部