請問js控制tr表格如果一次控制多行tr

2016-10-22 18:32 發佈
文章關鍵字 JS tr表格
基本上html頁面上物件的id是不能重複,但瀏覽器也不會報錯,
既然重複了,他也只找第一筆
而且,你的tr裡面也重複id屬性了
http://plnkr.co/edit/870fUIYmk2hwvCR94sLE?p=preview
html標籤,id跟name,2個屬性用途都是物件名稱用,
但是你要這樣也都不會報錯,
但當你之後學到提交表格的時候,比較能感覺到id與name的重要,

var tbody=document.getElementByName("tbname"); //你的少個s

var tbody = document.getElementsByName("tbname");

建議可以下載一些有提示功能的編輯器,
如:微軟的visual studio

葴 wrote:
html標籤,id...(恕刪)


所以家個S就行了嗎?
關鍵字錯誤,還有漏掉了一個,
int改成var,javascript不認識int

for (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]

上面[]改為<>
內文搜尋
X
評分
評分
複製連結
Mobile01提醒您
您目前瀏覽的是行動版網頁
是否切換到電腦版網頁呢?