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

Question

我了解 getElementById、getElementByNames ... 和 getElementsByTagName

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

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

提前非常感谢:)

Answer 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>