用JS编辑chrome扩展选项卡的问题

Question

所以我创建了一个简单的程序，它将用户输入字符串并修改它，然后将文本放在HTML文档的段落中。当我用chrome打开HTML并且它是一个普通的网页时，它工作得很好，但是当试图将HTML文件用作chrome扩展（预期目的）时，它不起作用。

我用它来编辑段落（＆＃34; main＆＃34;）

document.getElementById("main").innerHTML = endString.join("");

和相关的HTML

<p id="main">Text will show up here :)</p>

使用扩展程序页面上的表单中的按钮调用javascript代码。

<input type="button" onclick="main()">