Question

我们有什么方法可以隐藏显示表的列，我们有media =“none”隐藏列。我试过使用

document.getElementById(display_column_name).media="none";

但它不起作用，我在javascript中设置显示栏的attritube时卡住了有任何办法。按钮选择栏是隐藏/显示显示表。

我在列标题上有复选框。我必须隐藏显示表的列。按钮点击时，隐藏列被隐藏。

我也尝试使用div标签作为显示栏

<div id= "col1" style="display:block">
            <display:column paramId="date_disp" paramName="date_disp"  property="date_disp" title="Date" sortable="true" headerClass="sortable" decorator="com.commons.ColDateDecorator" style="font-family:Arial, Helvetica, sans-serif;font-size: 12px;height: 25;"/>
</div>

和document.getElementById（'col1'）。style.display =“none”;但它不起作用。

Answer 1

它是您要隐藏的元素还是几个元素？ document.getElementsByName将返回一个元素数组，因此您需要像这样访问它：

document.getElementsByName（display_column_name）[0] .media = “无”

如果它只是一个元素并且此元素具有id，请考虑使用它：

getElementById()

另外我假设display_column_name是一个先前定义的变量吗？

Answer 2

最好的方法是将css显示样式设置为none。

document.getElementById("id _of_the_component").style.display = 'none';

或者你可以使用jquery Library 但你必须从jquery.com下载jquery库。使用脚本标记将脚本导入页面，然后执行以下操作

$("#id _of_the_component).hide();

Answer 3

尝试以下方法：

<强> HTML：

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

<强> JavaScript的：

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

演示：http://jsfiddle.net/Vishal_Suthar3/kDb8Z/

Answer 4

Uchenna是对的，你可以使用jquery库

使用脚本标记

将脚本导入您的页面

将属性“id”或“class”添加到要隐藏的列

并使用该类或ID，您可以隐藏该元素。

例如。如果你有提到的id属性，valuse是“abc”

然后你可以写：

$(document).ready(function() 
{
$("#abc").hide();
});

Answer 5

修改您的显示列，如：

<display:column class="abc" paramId="date_disp" paramName="date_disp"  property="date_disp" title="Date" sortable="true" headerClass="sortable" decorator="com.commons.ColDateDecorator" style="font-family:Arial, Helvetica, sans-serif;font-size: 12px;height: 25;"/>

点击按钮

你可以写：假设您正在使用按钮

<input type="submit" value="Submit" id="success" />
then you can use it like :

    $('#success').click(function(){
    $(".abc").hide();   
     });

隐藏显示表中的列

5 个答案: