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

gregji121

gregji121
個人積分：166分
文章編號：62116785

166分

樓主

2016-10-22 18:32

這段語法哪裡有問題?

照理說應該要隱藏124行

可是只有隱藏1行

網址:
http://plnkr.co/edit/Z6UWyHpXHg4dd2ALJdw9?p=preview

2016-10-22 18:32 發佈

文章關鍵字 JS tr表格

葴

葴
個人積分：0分
文章編號：62118026

0分

2樓

2016-10-22 21:01

基本上html頁面上物件的id是不能重複,但瀏覽器也不會報錯,
既然重複了,他也只找第一筆
而且,你的tr裡面也重複id屬性了
http://plnkr.co/edit/870fUIYmk2hwvCR94sLE?p=preview

gregji121

gregji121
個人積分：166分
文章編號：62118237

166分

樓主

2016-10-22 21:24

葴 wrote:
基本上html頁面...(恕刪)

那這樣
http://plnkr.co/edit/Xa3FHJM7EpED5EkHE7m1?p=preview

變的不會動了

葴

葴
個人積分：0分
文章編號：62121598

0分

4樓

2016-10-23 8:28

html標籤,id跟name,2個屬性用途都是物件名稱用,
但是你要這樣也都不會報錯,
但當你之後學到提交表格的時候,比較能感覺到id與name的重要,

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

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

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

gregji121

gregji121
個人積分：166分
文章編號：62122859

166分

樓主

2016-10-23 11:02

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

所以家個S就行了嗎?

葴

葴
個人積分：0分
文章編號：62126079

0分

6樓

2016-10-23 17:06

關鍵字錯誤,還有漏掉了一個,
int改成var,javascript不認識int

for (var i = 0; i < tbody.length; i++) {
tbody[i].style.display = "none";
}

我測過是可以的.

MXMY

MXMY
個人積分：264分
文章編號：62131074

264分

7樓

2016-10-24 2:53

把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(可以重複)

evilkel

evilkel
個人積分：0分
文章編號：62159938

0分

8樓

2016-10-26 12:25

要控制介面互動真的建議去學一下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]

上面[]改為<>