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

假设我打开一个网站，比如说

stackoverflow.com

现在它包含了很多html内容、文本、跨度等。如果我知道html元素的

类和
id
，我将如何使用脚本（jquery）自动更改html的内容

假设一个网页有这些元素

很棒
现在我想在打开网页时更改它
不太好
由于我无法控制服务器或文件资源，我可以从
dev
更改它，但这是手动的。如何自动完成
 非常简单。您可以使用：

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

给你举个例子

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

或者，如果要包括标记：

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

jQuery（“.a”）.html（不太好”；
您想创建一个书签

书签可以不仅仅是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那太长了，我赶时间。你能给我的问题一个简短的密码吗@我可以给你快速的代码来构建一个浏览器扩展吗！真的吗？你想改变stackoverflow html吗？只是我的浏览器的一个例子。因为您可以使用dev工具编辑html，但是它是在页面加载并手动完成的。我想做的是创建一个脚本，就像当页面重新加载时，我想使用
jsscript
更改html一样，您可以将此代码放在js文件中，并在当前页面上设置一个链接
。对于基本更改，我倾向于使用开发者工具控制台（大多数浏览器中为F12）你可以将它放在标签之间。你不能“自动”更改它。你如何在页面加载时初始化或取消书签，而不手动单击它？书签需要采取的全部行动，就是用户单击它！您可以很容易地创建一个书签，它还知道如何取消初始化自己（当单击它时，它已经初始化）。