Javascript函數document.getElementById（）

-1

我試着創建一個函數，通過使用傳遞給函數的參數（表名）來改變表的樣式。我不確定我的代碼有什麼問題，如下所示，我是否正確使用下面的參數。該參數是表的實際名稱。它似乎沒有工作。我試圖用引號括起來，使用$，但它似乎沒有工作。我使用不正確？Javascript函數document.getElementById（）

<script language='JavaScript' type='text/javascript'> 
    function sizeTbl(table) 
    {           
     var tbl = document.getElementById(table); 

     if(tbl.style.display == 'table-row') 
     { 
      tbl.style.display = 'none'; 
     } 
     else 
     { 
      tbl.style.display = 'table-row'; 
     } 
    } 
</script>

我使用調用這個函數如下：

<a href='javascript:sizeTbl("tbl0")'>View</a>

或

<a href='javascript:sizeTbl("tbl1")'>View</a>

等

我試圖展示並使用表中的隱藏附加行這個功能。該表類似於下面的一個：

<table> 
    <tr><a href='javascript:sizeTbl(tb10)'>Click Here to show the hidden row</a></tr> 
    <tr id="tbl0" style='display:none'><td>Initially Hidden Row</td></tr>; 
</table>

來源

2013-04-01 DesiBoyz

表名或... ID？ – Shikiryu

你的html代碼在哪裏？ – DevelopmentIsMyPassion

請使用[下一頁]（http://stackoverflow.com/editing-help）中的說明格式化問題。對於這個特定的問題，請求者提供伴隨的HTML標記 – Ejaz

您可能需要使用getElementbyName

function sizeTbl(table) 
    {           
     var tbl= document.getElementsByName(table)[0]; 

     if(tbl.style.display == 'table-row') 
     { 
      tbl.style.display = 'none'; 
     } 
     else 
     { 
      tbl.style.display = 'table-row'; 
     } 
    }

來源

2013-04-01 19:16:32

但我該如何在函數中使用document.getElementsByName中的參數？ – DesiBoyz

@DesiBoyz我更新了，告訴你如何。 –

[0]做什麼？ – DesiBoyz

你的函數調用應該有一個參數用引號引用：

<a href='javascript:sizeTbl("tbl0")'>View</a> 
          ^^

來源

2013-04-01 19:15:59 0x499602D2

''table-row''是'display'的有效屬性。 –

@RocketHazmat真的嗎？這是什麼意思？ – 0x499602D2

在表格中顯示行時使用。 http://quirksmode.org/css/css2/display.html#table –

Javascript函數document.getElementById（）

回答

相關問題