疑問：
1. getelementsbytagname 和 getelementsbyclassname 的區別？ 分別在什麼應用場景？
>普通選項卡
title
>
<
style
>
#div1 input
#div1 input.active
#div1 div
style
>
<
script
>
window.onload
=function
() ;
this
.classname ='
active
';
//把點選的 這個按鈕 類名 變成 『active』
adiv[
this
.index].style.display ='
block';
//和按鈕序號相對應的div，display變成block
//adiv[this.index] ==> abtn[i].index = i
//把abtn的index順序變成數值，以便於後面adiv使用
//疑問，怎麼不能直接寫 adiv[i] ？
}; };
};script
>
head
>
<
body
>
<
div
id="div1"
>
<
input
class
="active"
type
="button"
value
="aaa"
>
<
input
type
="button"
value
="bbb"
>
<
input
type
="button"
value
="ccc"
>
<
div
style
="display: block"
;>mfdkjgmdkgm
div>
<
div>我夢見你夢見我
div>
<
div>14597825
div>
div>
body
>
html
>
錯誤1：
<script
>
window.onload
=function
()
//abtn[i].classname = '';
//不是直接在onclick事件裡 用 abtn[i] 給其他所有按鈕、div設定樣式。
//abtn[i] 只表示單個，再用乙個for迴圈來處理，才表示全部。
this
.classname ='
active';
adiv[
this
.index].style.display ='
block';
} }}
script
>
錯誤2：
<script
>
window.onload
=function
() ;
};};
script
>
JS 面向過程和物件導向實現 Tab選項卡切換
1 面向過程1.找到所有的按鈕 2.給按鈕新增事件 3.根據按鈕的下標顯示對應的內容 1.找到所有的按鈕 var btns document.queryselector btns children var boxs document.queryselectorall box for var i 0 ...
JS筆記 4 選項卡案例
htnl css基礎結構 複製 box class box active 三花貓 three felinae 別名貓咪 家貓 野貓 土貓。是貓類的一種，世界各地均有分布。所謂的三花貓就是身上有 黑 紅 橘 和白三種顏色的貓，故名為三色貓。英國短毛貓，體形圓胖，四肢粗短發達，毛短而密，頭大臉圓，溫柔平...
jQuery 學習筆記之十二 選項卡
jquery 實現的乙個簡單的選項卡。時事 體育娛樂 首先繫結事件，繫結事件後將當前單擊的元素高亮，然後去掉其他同輩元素的高亮。var div li div.tab menu ul li div li.click function 單擊選項卡後，當前元素處於高亮狀態，而其他的元素已去掉高亮狀態。但選...