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名称等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)