課程
/前端開發
/JavaScript
/Tab選項卡切換效果
這段還是不太理解。。。
2015-01-04
源自:Tab選項卡切換效果 2-1
正在回答
我有個類似的代碼,發現和你不同的“this.className='';???”;我的是“titles[j].className="";”
出問題了,沒反應啊,求解
unction $(id){?? ?return typeof id==='string'?document.getElementById(id):id;?? ?}window.onload=function(){?? ?//獲取鼠標滑過或者是點擊的標簽和要切換的內容元素?? ?var titles=$('notice-tit').getElementsByTagName('li');?? ?divs=$('notice-con').getElementsByTagName('div');?? ?if(titles.length!=divs.length)?? ??? ?return;?? ?//遍歷titles下所有的li?? ?for(var i=0; i<titles.length;i++){?? ??? ?titles[i].id=i;?? ??? ??? ??? ?titles[i].onmouseover=function(){?? ??? ??? ?//清除所有li上的class?? ??? ??? ?for(var j=0; j<titles.length;j++){?? ??? ??? ?this.className='';?? ??? ??? ??? ?divs[j].style.display='none';?? ??? ??? ?};?? ??? ??? ?//設置當前為高亮顯示?? ??? ??? ?this.className='select';?? ??? ??? ?//鼠標滑過顯示內容?? ??? ??? ?divs[this.id].style.display='block';?? ??? ?};?? ??? ??? ?};?? ?};
這個 函數的作用就是之后用到id選擇器可以簡寫,至于判斷的意義就是傳入的參數為字符串就返回
document.getElementById(id),其他的就返回參數本身,這個只是一個獲取頁面dom元素的一個簡陋版本的函數,還不夠完善。
orangecat
hnull 回復 orangecat
這樣判斷有什么意義嗎?
舉報
本課程詳細介紹網頁頁面中最流行常用的tab切換效果
7 回答function $(id){ return typeof id==='string'?document.getElementById(id):id; }
1 回答function $(id){ return typeof id==="string"?document.getElementById("id"):id}
2 回答function $(id){return typeof id==='string'?document.getElementsById(id):id;},
3 回答function $(id) { return typeof id==='string' ? document.getElementById(id):id;這行代碼有什么用???
3 回答請問同學這是什么意思??function $(id){ return typeof id==='string'?document.getElementsById(id):id; }是什么意思
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-01-05
我有個類似的代碼,發現和你不同的“this.className='';???”;我的是“titles[j].className="";”
2016-11-07
出問題了,沒反應啊,求解
unction $(id){
?? ?return typeof id==='string'?document.getElementById(id):id;?? ?
}
window.onload=function(){
?? ?//獲取鼠標滑過或者是點擊的標簽和要切換的內容元素
?? ?var titles=$('notice-tit').getElementsByTagName('li');
?? ?divs=$('notice-con').getElementsByTagName('div');
?? ?if(titles.length!=divs.length)
?? ??? ?return;
?? ?//遍歷titles下所有的li
?? ?for(var i=0; i<titles.length;i++){
?? ??? ?titles[i].id=i;
?? ??? ?
?? ??? ?titles[i].onmouseover=function(){
?? ??? ??? ?//清除所有li上的class
?? ??? ??? ?for(var j=0; j<titles.length;j++){
?? ??? ??? ?this.className='';?? ?
?? ??? ??? ?divs[j].style.display='none';
?? ??? ??? ?};
?? ??? ??? ?//設置當前為高亮顯示
?? ??? ??? ?this.className='select';
?? ??? ??? ?//鼠標滑過顯示內容
?? ??? ??? ?divs[this.id].style.display='block';
?? ??? ?};?? ??? ?
?? ?};
?? ?
};
2015-02-05
這個 函數的作用就是之后用到id選擇器可以簡寫,至于判斷的意義就是傳入的參數為字符串就返回
document.getElementById(id),其他的就返回參數本身,這個只是一個獲取頁面dom元素的一個簡陋版本的函數,還不夠完善。
2015-01-04
這樣判斷有什么意義嗎?