基本上html頁面上物件的id是不能重複,但瀏覽器也不會報錯,既然重複了,他也只找第一筆而且,你的tr裡面也重複id屬性了http://plnkr.co/edit/870fUIYmk2hwvCR94sLE?p=preview
html標籤,id跟name,2個屬性用途都是物件名稱用,但是你要這樣也都不會報錯,但當你之後學到提交表格的時候,比較能感覺到id與name的重要,var tbody=document.getElementByName("tbname"); //你的少個svar tbody = document.getElementsByName("tbname");建議可以下載一些有提示功能的編輯器,如:微軟的visual studio
關鍵字錯誤,還有漏掉了一個,int改成var,javascript不認識intfor (var i = 0; i < tbody.length; i++) {tbody[i].style.display = "none";}我測過是可以的.
把table加個id,假設 id="xx"然後:var tr_list = document.getElementById("xx").getElementsByTagName("tr");這樣就會取得那個table的所有tr第一個tr就是:tr_list[0]或者你把每個tr都加上一個class,,假設 class="xx"然後:var tr_list = document.getElementsByClassName("xx");這樣就會取得那個table的所有tr第一個tr就是:tr_list[0]name這個屬性很少用在tr,要不就是用id(不能重複),要不就是用class(可以重複)
要控制介面互動真的建議去學一下jquery [table][tr class='odd'> 1 </tr][tr class='even'> 2 </tr][tr class='odd'> 3 </tr][tr class='even'> 4 </tr][tr class='odd'> 5 </tr][/table]上面[]改為<>