将数据存储在不会在视图上显示的HTML元素中

Question

只是想知道是否可以将不可见数据存储在激活元素但不显示数据的HTML标记中。

例如，如果我有一个<h1></h1>元素并且我希望该元素处于活动状态，那么DOM会认为那里有一个真正的头，因此包含任何其他属性（即填充，边距等）是它可以通过在视图上不显示的标记之间放置某些内容来激活元素吗？ 我记得很久以前就看到了这样做但不记得的地方......

Answer 1

您可以使用visibility: hidden CSS，如下所示：

<h1 style="visibility:hidden">...</h1>

查看https://developer.mozilla.org/en-US/docs/Web/CSS/visibility以获取有关可见性的信息。

编辑：

为了隐藏标题的内容，您可以使用JavaScript或类似jQuery的库。我们以jQuery为例。你可以这样做：https://jsfiddle.net/yanpbw1v/。在这个例子中，我将h1的数据保存到变量中，然后清除h1的数据。