使用javascript[Theory]更改html内容

Question

假设我打开了一个网站，比如stackoverflow.com，它现在包含了大量的html内容、文本、跨范围等等，如果我知道html元素的classes和id，我是否能够使用脚本(Jquery)自动更改html的内容。

假设一个网页包含以下元素

现在，当我向<span class="a">Great</span>打开网页时，我想要更改它，因为我无法控制服务器或文件资源，我可以从dev更改它，但这是手动的。如何自动完成？

Answer 1

您希望创建一个Bookmarklet。

书签可以不仅仅是一个URL --它们也可以是可注入JavaScript的片段。

Bookmarklet可以用于修改或修改您在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安装页面
• 谷歌代码上的H5o

Answer 2

非常简单。您可以使用：

$(document).ready(function(){
   $(".a").text("Not Great");
});

Answer 3

以你为例..。

jQuery(".a").text("Not Great");

或者，如果您想包括标记：

jQuery(".a").html("<strong>Not Great</strong>");