js获取class的问题

js获取class的问题,第1张

yugi111给出了比较正统的代码,可以有很多语法错误。

JQuery 实现很简单。

不知道你为什么要这样做,如果仅是输出时间,直接把documentwrite now要比documentgetElementById("nowid")innerHTML = now 快 。

或者 documentgetElementById("aa")getElementsByTagName("span")[0]innerHTML = now;

IE低版本不支持,我的是兼容你的代码,给document增加上getElementsByClassName

<script type="text/javascript">

 //这段代码,在支持documentgetElementsByClassName的浏览器中不会执行

 if( typeof(documentgetElementsByClassName) != "function" ){

  window_ClassCache=[];

  windowonload = function(){

   for( var i = 0 ; i < ( d=documentgetElementsByTagName("span"))length ; i++ ){

    if(d[i]className != ""){

     window_ClassCachepush(

      {

       name : d[i]className,

       obj  : d[i]

      }

     );

    }

   };

  }

  documentgetElementsByClassName = function(cls){

   var rst = [];

   for(var i=0;i<window_ClassCachelength;i++){

    if(cls == window_ClassCache[i]name){

     rstpush(window_ClassCache[i]obj);

    }

   }

   return rst;

  }

 }

</script>

<script language="javascript" type="text/javascript">

function nowTime(){

 var date = new Date(); //日期对象

 var now = "";

 var nowDay=dategetDay()

 now = dategetFullYear() + "-"; 

 now = now + (dategetMonth()+1) + "-"; 

 now = now + dategetDate() + " ";

 for( var i = 0 ; i < ( o = documentgetElementsByClassName("nowclass"))length ; i++ ){

  o[i]innerHTML = now; 

 }

 setTimeout("nowTime()",1000); 

}

</script>

<div id="aa">

   <ul>

   <li><a href="#">11111</a><span class="nowclass"></span></li>

   <li><a href="#">1111</a><span class="nowclass"></span></li>

   <li><a href="#">11111</a><span class="nowclass"></span></li>

</div>

<script>nowTime();</script>

第一种

windowonload = function() {

    var a = documentgetElementsByClassName('a')

    var b =  documentgetElementsByClassName('b')

    alert("a:" + alength)

    alert("b:" + blength)

}

第二种

windowonload = function() {

    var a = documentquerySelectorAll('a')

    var b =  documentquerySelectorAll('b')

    alert("a:" + alength)

    alert("b:" + blength)

}

JS通过id和class名称:documentgetElementById(IDname)或者documentgetElementsByClassName('ClassName');

兼容性:ID兼容,class 不兼容IE6,7,8

数量: 通过ID只能获取一个dom元素,通过class可以获取一组元素。

通用性:ID不能重复,class可以重复,所以class比较好用,这也是jQuery能被广泛应该的原因(选择器好)。

可以通过getElementsByClassName方法来返回一个元素数组,你可以引用下标来返回具体的元素对象,比如:

var elements=documentgetElementsByClassName(“classname”);

elements[0];

以上就是关于js获取class的问题全部的内容,包括:js获取class的问题、用js获取class的个数、js如何获得本次事件的id或class名称等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9699926.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存