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

【问题标题】：Changing html content using javascript[Theory]使用 javascript 更改 html 内容[理论]
【发布时间】：2014-07-05 23:48:45
【问题描述】：

假设我打开一个网站说stackoverflow.com 现在它包含很多 html 内容、文本、跨度等。如果我知道classes，我将如何使用脚本（jquery）自动更改 html 的内容和id的html元素。

说一个网页有这些元素

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

【问题讨论】：

【解决方案1】：

您想创建一个书签。

书签可以不仅仅是一个 URL——它们也可以是可注入 JavaScript 的 sn-ps。

书签可用于更改或修改您在网络上查看的任何页面。他们可以添加有关页面的其他信息，帮助用户阅读它，或者在网络应用程序中执行一些自动化操作。

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

只需创建一个新书签，并将上面的内容粘贴为它的 URL。单击小书签在任何页面上执行它（查看是否存在 jQuery）。

您还可以将书签代码用作<a> 标签的[href] 属性——然后可以右键单击链接并从那里添加书签（让用户安装书签的最简单方法）。

我最喜欢的书签是 H5o，HTML5 文档大纲！
用它来检查任何网页的文档大纲结构，这对于良好的 SEO 非常重要！

【讨论】：

【解决方案2】：

非常简单。您可以使用：

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

【讨论】：

你想改变 stackoverflow html？
只是我浏览器的一个例子。因为您可以使用开发工具编辑 html，但它是在页面加载后手动完成的。我想做的是创建一个脚本，就像当页面重新加载时我想使用js script 更改 html for that time
你可以把这段代码放在一个js文件中，并在当前页面设置一个链接<script src="/path/to/yourfile.js"></script>。
对于基本的更改，我倾向于使用开发者工具控制台（大多数浏览器中的 F12）进行此操作

【解决方案3】：

举个例子……

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

或者，如果你想包含标签：

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

【讨论】：