如何使用javascript编辑页面源代码

我正在构建一个firefox扩展，本质上，我想在特定站点的网页上添加一个按钮。我确切地知道我需要在页面源代码中的什么地方进行更改，以及我需要放置什么，但我不知道如何进行更改 1.阅读页面来源（我应该能够自己弄清楚） 2.编辑页面源代码（我一直在潜伏，但找不到任何方法） 3.自动更新显示的页面

另外，总的来说，这是最好的方法吗？主要的是，我想将代码无缝地注入到页面中。例如，堆栈溢出的页面源包含如下部分：

<div class="nav mainnavs">
                <ul>
                    <li><a id="nav-questions" href="/questions">Questions</a></li>
                    <li><a id="nav-tags" href="/tags">Tags</a></li>
                    <li><a id="nav-users" href="/users">Users</a></li>
                    <li><a id="nav-badges" href="/badges">Badges</a></li>
                    <li><a id="nav-unanswered" href="/unanswered">Unanswered</a></li>
                </ul>
            </div>

如果我想注射线呢

<li><a id="nav-home" href="http://stackoverflow.com/">Home</a></li>

---

这样会出现一个主页按钮？

您可以这样做

$("div.easy_editor ul").append('<li><a id="nav-home" href="http://stackoverflow.com/">Home</a></li>');

$（“div.easy_editor ul”）.append（“
”）；

是否要编辑源代码？编辑DOM还不够吗？如果您想编辑页面源代码，您可以截取响应：或者至少应该标记您正在解决方案中使用jquery。另外，它只编辑DOM而不是源代码（虽然不清楚OP是否需要它）。如果我不清楚，很抱歉，这可能是因为我对web开发理解不足。该代码如何识别现有的源代码，或者将其放置在何处。甚至可以编辑一些随机网页的页面源，这样你的浏览器就可以显示不同的内容吗？@senjougahara hitagi不要沮丧，这只是为了向别人学习，基本上上面的代码部分附加你的html，它是一个jquery函数，它将特定的html附加到html的一部分，在这里看一下，以获得更多的信息，我明白了，我不明白。谢谢！