在HTML 中隐藏信息；供JavaScript查找_Javascript_Html_Tags

在HTML 中隐藏信息；供JavaScript查找

javascript html tags

在HTML 中隐藏信息；供JavaScript查找,javascript,html,tags,Javascript,Html,Tags,我想将信息添加到一个HTML页面，该页面将对JavaScript可见，但对最终用户不可见。我想保持原始HTML页面尽可能简单。一种解决方案是使用非标准标签，如我知道，但我的目的不是在屏幕上显示任何内容，因此使用CustomElementRegistry似乎有些过分这是我的用例。我正在为正在学习英语的人创建一个“辅助读者”web应用程序。我的JavaScript代码将元素添加到普通HTML页面中，并包含读者所不熟悉的单词。例如，JavaScript代码将更改普通HTML <p>Th

我想将信息添加到一个HTML页面，该页面将对JavaScript可见，但对最终用户不可见。我想保持原始HTML页面尽可能简单。一种解决方案是使用非标准标签，如


我知道，但我的目的不是在屏幕上显示任何内容，因此使用CustomElementRegistry
似乎有些过分
这是我的用例。我正在为正在学习英语的人创建一个“辅助读者”web应用程序。我的JavaScript代码将
元素添加到普通HTML页面中，并包含读者所不熟悉的单词。例如，JavaScript代码将更改普通HTML
<p>The word "thought" may be new to elementary learners.</p>

由于这些标记不会显示在浏览器中，因此它们可以保留在原来的位置。。。或者他们可以
以这种方式使用非标准和未声明的标记有危险吗？
为什么不像开始时那样用一个span来包装它，并添加一个名为“数据类型”的属性呢
将提供：
<p>Yesterday I <span data-info="think" data-type="verb">thought</<span> ... Yesterday I had a <span data-info="think" data-type="noun">thought</span> ... <p>

昨天我认为你不能使用显示：无css？也不要用正则表达式解析html。在这种情况下，“不要解析html正则表达式”命令似乎过于热心。HTML非常简单，由我控制。但是谢谢你提醒我要小心。我在问题中添加了更多信息来回答您的问题。
/<verb>(thought|thinks?)<\/verb>/
/<noun>(thoughts?)<\/noun>/

<p>Yesterday I <span data-info="think" data-type="verb">thought</<span> ... Yesterday I had a <span data-info="think" data-type="noun">thought</span> ... <p>