Question

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

P.S：我真的希望这不是一个重复的问题。我做了'功课'。

Answer 1

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

Answer 2

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

window.onload = function() {

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

您的字符串的ID为“text”

虽然如果您确定文本在启动时只显示为none，为什么不将style / css设置为原来显示为none？

Answer 3

您可以使用检查结构的CSS选择器隐藏没有任何直接标识符的元素。您没有发布您的标记，因此无法提供准确的解决方案。

示例1

HTML

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

CSS

SECTION > DIV { display: none; }

这种模式有许多排列，并且有许多选择器可用。

请参阅：CSS2 Selectors（非常广泛的支持）和CSS3 Selectors（在大多数较新的浏览器中都支持）。

示例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; }

隐藏HTML页面中的静态（或硬编码）文本

3 个答案:

示例1

示例2