javascript - 使用javascript更改html内容[理论]

假设我打开一个网站说stackoverflow.com现在它包含了很多html内容、文本、跨度等等，如果我知道html元素的classes和id的话，我将如何使用script（jquery）自动更改html的内容。
假设一个网页有这些元素
<span class="a">Great</span>
现在我想在打开网页时将其更改为
<span class="a">Not Great</span>
因为我无法控制服务器或文件资源，所以可以从dev中更改它，但这是手动操作。如何自动完成？

最佳答案

你想创建一个Bookmarklet。
书签不仅仅是一个URL——它们也可以是可注入的JavaScript的片段。
Bookmarklets可用于更改或修改您在web上查看的任何页面。他们可以添加关于页面的附加信息，帮助用户阅读，或者在web应用程序中执行一些自动操作。

javascript:(function(){
  if (window.jQuery) alert("jQuery is present");
  else alert("jQuery is NOT present");
})();

只需创建一个新书签，并将上面的内容粘贴为其URL。单击bookmarklet在任何页面上执行它（查看jQuery是否存在）。
您还可以将bookmarklet代码用作<a>标记的[href]属性，然后右键单击该链接并将其标记为书签（这是让用户安装bookmarklet的最简单方法）。
我最喜欢的书签是H5o，HTML5文档大纲视图！使用它来检查任何网页的文档大纲结构，这对良好的SEO非常重要！
H5o Bookmarklet Installation Page
H5o on Google Code