如何在JS中获取未知id和类的值和textContents

Posted 2023-02-21

【中文标题】如何在JS中获取未知id和类的值和textContents

【英文标题】：How to get values and textContents of unknown ids and classes in JS

【发布时间】：2021-09-23 00:11:36

【问题描述】：

假设我面前的网站上有一些单词或数字。我想制作一个程序，将这些特定的单词/数字更改为其他内容。目前，我打算使用 google 扩展程序并将一些 JS 编码为内容脚本。我一直在想办法这么久。我希望它是通用的并且可以在多个网站上工作，因为我无法硬编码指向每个网站的值（我需要的）的 id 和类。

我试过querySelectorAll、document.someMethod，甚至window.find()都无济于事。

以下是我的一些其他想法，可能会帮助您回答我的问题。

有没有办法从网站获取 html 代码并将其转换为数组，循环遍历文档并使用 if 语句查找我需要的特定单词和数字，然后最终使用我的 JS 代码更改它们？如果只是从 HTML 中取出所有 id 和类并检查它是否与我想要的特定值有关。

main.js（内容脚本）

// How do I generalize querySelectorAll to take every instance of IDS or class names that follow a specific pattern? Lets say I wanted to change the values of each element in the HTML code that had IDs related to the string "titles". 
ids = document.querySelectorAll('')

如果您需要澄清或详细信息，请询问，我会立即提供。

【参考方案1】：

所以这个 chrome 扩展的代码库应该能够帮助你走上正轨：https://github.com/mark-monteiro/drumpfinator/blob/master/src/inject/inject.js

它基本上完成了你想要做的事情。它获取单词Donald Trump via regex 的所有实例，并用一些随机有趣的形容词替换它。

从该示例中，您可以使用正则表达式或一些数组来确定您需要哪些单词并将它们替换为您喜欢的单词，可能使用键值对象。