通過內聯CSS隱藏tr

Question

我想隱藏並顯示文本框值的更改<tr>。即使應用內聯CSS屬性如display: none，我也無法做到這一點。我怎樣才能做到這一點？

Answer 1

這只是正常（雖然理想情況下，你會使用CSS類而非內聯樣式）：

<table> 
    <tr id="your-table-row" style="display: none;"> 
     <td>1</td> 
     <td>2</td> 
    </tr> 
    <tr> 
     <td>3</td> 
     <td>4</td> 
    </tr> 
</table> 

的jsfiddle：http://jsfiddle.net/tg8Wj/

如果你想隱藏的文本框的值的變化，鉤了以下功能到你的onchange事件處理程序...

JQuery的：

function() { 
    $('#your-table-row').hide(); 
} 

另一種方法使用jQuery：

function() { 
    $('#your-table-row').style.display = "none"; 
} 

普通的JavaScript：

function() { 
    var row = document.getElementById("your-table-row"); 
    row.style.display = "none"; 
}