Question

我的表格结构如下：

<table>
 <tr>
  <td id="td1"> </td>
  <td id="td2"> </td>
  <td id="td3"> </td>
  <td id="td4"> </td> 
 </tr>
</table>

我正在检查某些情况，例如：

if(a==2 || check == true)

如果任何一个条件都满足，我想隐藏“ td3”。

我的代码在C＃中。

我已经尝试过

document.getelementbyId("td3").style("display"= "none"),
document.getelementbyId("td3").display.hide();
td3.Attributes.add("style", "display:none")

Answer 1

您的三个JavaScript示例不是有效的JavaScript。建议您更深入地阅读JavaScript文档！

您可以使用下面的代码隐藏td。

document.getElementById("td3").style.display = "none";

<table>
    <tr>
        <td id="td1">TD1</td>
        <td id="td2">TD2</td>
        <td id="td3">TD3</td>
        <td id="td4">TD4</td>
    </tr>
</table>

Answer 2

您可以简单地使用jQuery

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $('#td3').hide()
});
</script>
</head>
<body>

<table>
    <tr>
        <td id="td1">TD1</td>
        <td id="td2">TD2</td>
        <td id="td3">TD3</td>
        <td id="td4">TD4</td>
    </tr>
</table>
</body>
</html>

隐藏条件

2 个答案: