1

ハードコードされた/静的テキストを含む HTML ページがあります。テキスト文字列にクラス/ID/名前がありません。それはちょうどそこにあります。ページの読み込み時に非表示にする方法は?

PS: これが繰り返しの質問でないことを本当に願っています。宿題をしました'。

4

3 に答える 3

0

構造を調べるCSSセレクターを使用すると、直接識別子を持たない要素を非表示にできます。マークアップを投稿しなかったため、正確な解決策を提供することは不可能です。

例1

HTML

<body>
    <section>
       <div>Div I want to hide</div>
    </section>
</body>

CSS

SECTION > DIV { display: none; }

このパターンには多くの順列があり、多くのセレクターが利用可能です。

参照：CSS2セレクター（非常に幅広いサポート）およびCSS3セレクター（ほとんどの新しいブラウザーでサポート）。

例2

より複雑な例を次に示します。

HTML

<div id="foo">
    <ul>
        <li>Hide this item</li>
        <li>Don't hide this</li>
        <li>Don't hide this</li>
    </ul> 
</div>

CSS

/* hide the first child of any UL which is a direct descendant of #foo */
#foo > UL > LI:first-child { display: none; }
于 2012-08-22T09:28:15.010 に答える
0

JavaScript でそれを行うことについて話している場合はwindow.onload、style.display = "none"; を実行して設定する必要があります。ただし、それを参照するには id/class/何らかの方法が必要です (それらを使用せずに参照する方法もありますが、id/class を指定するだけの方がはるかに優れたスタイルです。関数は次のようになります。

window.onload = function() {

document.getElementById("text").style.display = none; };

文字列のIDは「テキスト」です

ただし、起動時にテキストを何も表示しないようにする場合は、style/css を最初に設定して何も表示しないようにしてみませんか?

于 2012-08-22T09:24:46.803 に答える
0

CSS では、display: none? それが最も簡単な方法でしょう。または、ページがロードされたら、javascript を使用することもできます。

于 2012-08-22T09:21:31.880 に答える