如何从谷歌Chrome扩展程序获取页面的div类名称值？

Question

我想编写一个chrome扩展，它将从html中的元素中提取值（并且可能是内部html）。

例如，我的网页可能有<div class="title">my title</div>

如何在Chrome扩展程序中提取“我的标题”？

Answer 1

通常，您是如何使用其类名获取元素的文本的？

var element = document.querySelector(".title"); //'element' will be the first element on the page with the class "title"
var my_title = element.innerText; //'my_title' will be the text in that element

如果您首先询问如何制作Chrome扩展程序，请阅读以下内容： https://developer.chrome.com/extensions/getstarted

上面的代码应该在扩展的“内容脚本”部分。内容脚本是可以与网页交互的部分。