1

表示テーブルの列を非表示にする方法はありますか、列を非表示にする media="none" があります。

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

しかし、それが機能していません.javascriptで表示列の属性を設定しているときに立ち往生しています.ボタン選択列のように、表示テーブルの非表示/表示です。

列ヘッダーにチェックボックスがあります。表示テーブルの列を非表示にする必要があります。選択した列はボタンをクリックすると非表示になります。

表示列に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"; しかし、それは機能していません。

4

5 に答える 5

1

非表示にする要素は 1 つですか、それとも複数ですか? document.getElementsByName は要素の配列を返すため、次のようにアクセスする必要があります。

document.getElementsByName(display_column_name)[0].media="none"

それが1つの要素であり、この要素にIDがある場合は、これを使用することを検討してください:

getElementById()

また、display_column_nameは以前に定義された変数であると思いますか?

于 2012-04-12T12:35:10.137 に答える
0

これを行う最善の方法は、css 表示スタイルを none に設定することです。

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

または、jquery ライブラリを使用できますが、jquery.com から jquery ライブラリをダウンロードする必要があります。script タグを使用してスクリプトをページにインポートし、次の操作を行います。

$("#id _of_the_component).hide();
于 2012-04-12T12:35:10.743 に答える
0

Uchenna は正しいです。jquery ライブラリを使用できます

script タグを使用してページにスクリプトをインポートする

非表示にする列に属性「id」または「class」を追加します

そのクラスまたはIDを使用して、その要素を非表示にできます。

例えば。id 属性を指定し、値が「abc」の場合

次に、次のように記述できます。

$(document).ready(function() 
{
$("#abc").hide();
});
于 2012-04-19T10:25:37.373 に答える
0

次のことを試してください。

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/

于 2012-04-12T12:51:49.380 に答える
0

次のように表示列を変更します。

<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();   
     });
于 2012-04-23T09:27:43.240 に答える