Microsoft Edge 扩展，如何操作 popup.html DOM

Question

我是浏览器扩展开发的新手。我正在尝试做一些简单的事情，但我真的不知道为什么不起作用。问题是什么？我无法操纵我的 popup.html 文件的 DOM。这里有一个例子：

<html>
<head>
 <script src="js/jquery.js"></script>
 <script src="js/main.js"></script>
</head>
<body id="content">
 <p> Hello world </p>
 <button id="go" />
</body>
</html>

这是我非常简单的 main.js 文件：

$(document).ready(function() { 

 $('#go').click( function(){

    $( "#content" ).empty();
    alert("Done");
 });
});

点击后，我的 Body 内容似乎并没有消失，但如果我发出警报，我可以看到我的代码有效（当警报显示时）。但是在 click() 事件之后（当我关闭警报时），弹出文件已恢复并且段落仍在此处。

所以，我做错了什么？我可以操纵弹出文件的 DOM 吗？或者我的 JS 代码需要修复？我做了一些测试，我注意到任何事件、任何数据和任何操作都会在 click() 事件之后消失。我也试过

location.href = "other_page.html";

重定向有效，但正如我在 popup.html 文件中单击 return 后所说的那样。

谢谢，我来这里是为了获得更多规格

Answer 1

我遇到了同样的问题.... 我认为 Edge 不喜欢 jquery click() 函数。

试试这个：

document.getElementById("logout").addEventListener("click", function() { 
$( "#content" ).empty();
alert("Done");
}

我是这样解决的:)

Microsoft Edge 扩展，如何操作 popup.html DOM

Microsoft Edge Extension, how to manipulate popup.html DOM

javascript

jquery

dom

microsoft-edge-extension