1

我有一个包含一些硬编码/静态文本的 HTML 页面。文本字符串没有任何类/id/名称。它就在那里。如何在页面加载时隐藏它？

PS：我真的希望这不是一个重复的问题。我已经完成了我的“功课”。

4

3 回答 3

0

在 CSS 中，display: none？那将是最简单的方法。或者，您可以在页面加载后使用 javascript。

于 2012-08-22T09:21:31.880 回答
0

如果您正在谈论使用 javascript 执行此操作，则必须执行 awindow.onload并设置 style.display = "none"; 但这需要一个 id/class/某种方式来引用它（有一些方法可以在没有它们的情况下引用它，但是只给它一个 id/class 会更好。函数看起来像这样。

window.onload = function() {

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

您的字符串的 id 为“text”

虽然如果你决定让文本在启动时显示为 none，为什么不将 style/css 设置为最初显示为 none？

于 2012-08-22T09:24:46.803 回答
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 回答