如何隐藏js dom中的内部元素

时间:2017-12-25 07:11:09

标签: javascript dom hide element

<p style="display:none">ppp<pre>123</pre></p>

这将显示文字&#34; 123&#34;,我的目的是一旦我隐藏了一个元素,所有孩子也会隐藏,但为什么不呢? 在javascript中,我可以得到&#34; p&#34;标记并隐藏每一个。太麻烦了。 我想要一个简单的方法,比如"display:none;withChildren:all"一劳永逸。 有什么办法吗?

2 个答案:

答案 0 :(得分:2)

<pre><p>标记都是HTML块标记,不允许嵌套在彼此内部。浏览器无法单独理解和呈现它们,您可以通过开放式开发人员工具检查HTML代码。

相反,您应该尝试使用<span>或任何内联块标记。

答案 1 :(得分:0)

您可以使用.children。例如。

$("p").children().hide(); // hide all children of `p`
$("p").hide(); // hide `p`

您也可以使用CSS选择器。像这样。

$("p *").hide(); // hide all children of `p`
$("p").hide(); // hide `p`