javascript - 从background.js操作popup.html的DOM

Question

background.js 中的代码用于操作 popup.html 中的 DOM

var views = chrome.extension.getViews({type: "popup"});
for (var i = 0; i < views.length; i++) {
    views[i].document.getElementById('loginwindow').style.display="none";
    for (var key in userdata) {
      if (userdata.hasOwnProperty(key)) {
         views[i].document.getElementById('projs').innerHTML += "<input value='"+key+"' type='checkbox' /> " + userdata[key] + "<br/>"; 
      }
    }                    
}

userdata 是一个 JSON 对象，如下所示:

{"1":"test projekt",
 "4":"Second Project",
 "5":"Third Project",
 "6":"Fourth Project",
 "7":"5th one",
 "8":"6th one dude"}

popup.html中有一个登录框

在我上面的代码之后，popup.html 正在更改为这样，因为我正在从 JSON 渲染这些项目名称并将它们放入上面的 for 循环中的 popup.html 中:

但问题是:一旦我再次单击该图标，登录窗口就会再次出现，而不是被操纵的窗口。我怎样才能实现这一目标，让被操纵的人永久留在那里？

这是 popup.html 中的 html 代码，我尝试在其中呈现复选框:

<div id="projs">

</div>

Answer 1

您是否尝试过使用两个不同的页面并调用

chrome.browserAction.setPopup({popup: "popup2.html"})?