首页 > 解决方案 > 如何在 HTML 网页中搜索某些字符串并使用 Javascript 设置它们的样式

问题描述

我需要在 HTML 网页文档中搜索 2 个单独的字符串。在此示例中,我正在查看作者姓名的专利。我需要找到这些名称,用我自己的字符串替换它们,并为它们着色任何颜色。

我已将带有名称的整个字符串列表放在 NodeList 中。我需要以某种方式使用 Node.textContent 属性从元素中获取文本(字符串)。然后我需要使用漂亮的字符串 include() 方法来查看名称是否同时包含“Bob”和“Beb”。

但是我似乎对此无能为力,而且我找不到一个明确的公会来解释如何使用它们。

标签: javascriptstringsearchinclude

解决方案


我不相信您可以查询文档中的文本,但如果您使用 id 或类标记它,您可以使用 getElementById()或者getElementsByClassName()然后使用.setAttribute()添加类,并且在您的 CSS 文件中您可以预设该类以具有不同颜色背景或其他。MDN是学习任何东西语法的好地方,w3 学校也是如此。


推荐阅读