有哪些方法可以在 chrome 扩展中选择元素？

【问题标题】：What methods are present to select elements in chrome extensions?有哪些方法可以在 chrome 扩展中选择元素？
【发布时间】：2011-03-29 03:58:18
【问题描述】：

我知道 getElementById、getElementByNames ... 和 getElementsByTagName

还有哪些其他方法可以从 DOM 中选择一个或多个元素？如果一个项目没有 ID 或名称怎么办。

我听说我可以使用 XPath 表达式来选择一系列 HTML 元素。我如何使用 JavaScript 做到这一点？是否有图书馆可以帮助我实现这一目标？

提前感谢很多:)

【问题讨论】：

【解决方案1】：

为什么不直接使用 jQuery？

如果你在脚本中需要它，你可以通过 manifest.json 注入 jquery.js：

"content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "js": ["jquery.js", "myscript.js"]
    }
  ]

如果您在 html 页面中需要它（背景、选项等），您可以使用

<script src="jquery.js"></script>

甚至

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

【讨论】：

非常感谢！我认为 jQuery 选择器将是一个理想的选择 :)
如果您不想使用 jQuery，Chrome 支持 document.querySelector 和 document.querySelectorAll，它们的工作方式与 jQuery 选择器类似 - 这是一个包含一些信息的页面：developer.mozilla.org/en/DOM/document.querySelector