<script type="text/javascript">
function tab(){
var a_arr=document.getElementById("tabLi").getElementsByTagName("a");
var a_sum=a_arr.length;
for(var i=0; i<a_sum; i++){
var a=i+1;
a_arr[i].index=a;
eventListener(a_arr[i]);
}
function eventListener(obj){
if(obj.attachEvent){
obj.attachEvent("onclick",liClick)
}
else if(obj.addEventListener){
obj.addEventListener("click",liClick,false)
}
else{
return ;
}
}
function liClick(){
for(var i=0; i<a_sum; i++){
a_arr[i].className="";
document.getElementById("tab"+a_arr[i].index).className=document.getElementById("tab"+a_arr[i].index).className.toString().replace(/show/g,"");
}
this.className="now";
document.getElementById("tab"+this.index).className+=" show";
console.log(document.getElementById("tab"+this.index).className);
};
}
tab();
</script>一个简单标签切换的效果javascriptaddEventListener()attachEvent()this
function tab(){
var a_arr=document.getElementById("tabLi").getElementsByTagName("a");
var a_sum=a_arr.length;
for(var i=0; i<a_sum; i++){
var a=i+1;
a_arr[i].index=a;
eventListener(a_arr[i]);
}
function eventListener(obj){
if(obj.attachEvent){
obj.attachEvent("onclick",liClick)
}
else if(obj.addEventListener){
obj.addEventListener("click",liClick,false)
}
else{
return ;
}
}
function liClick(){
for(var i=0; i<a_sum; i++){
a_arr[i].className="";
document.getElementById("tab"+a_arr[i].index).className=document.getElementById("tab"+a_arr[i].index).className.toString().replace(/show/g,"");
}
this.className="now";
document.getElementById("tab"+this.index).className+=" show";
console.log(document.getElementById("tab"+this.index).className);
};
}
tab();
</script>一个简单标签切换的效果javascriptaddEventListener()attachEvent()this
解决方案 »
- 一个 js 获取相同name对象的问题
- 解决firefox的onblur onfocus事件同时存在时,顺序颠倒问题
- JavaScript 如何实现键盘键与鼠标右键的组合事件 初学者 请多多指导
- 怎样使用javascript控制网页中的img标签元素?
- 关于帮助文档
- 怎么用js验证日期用下拉列表的形式
- 请看我的代码,为什么得不到表格当前行号,而是返回undefined,急急请帮忙
- 我不会正则表达式!!!请问这个怎么写!!!Easy!!
- --------请问可不可以把xml文件另存为html文件啊,如果不行,怎么自己用JS把xml转换为html?---------
- 表单有啥默认属性啊,这里为啥要去掉
- 大神们看看你能答对这个题嘛
- 在线求助:js正则表达式写法
function eventListener(obj,cb){
if(obj.attachEvent){
obj.attachEvent("onclick",function(){
cb instanceof Function && cb.call(obj,window.event);
});
}
else if(obj.addEventListener){
obj.addEventListener("click",function(event){
cb instanceof Function && cb.call(obj,event);
},false);
}
else{
return ;
}
}试试这个
这个在js高程上提到了,有空去了解一下。