在完全可见性和无可见性之间切换

Question

我对JS很陌生，在过去的几周里，我一直在尝试制作一个谷歌扩展，你可以按下按钮来切换页面的可见性。

下面的代码块是当"var sol"(用于检查按钮被按下的次数是奇数还是偶数的变量(等于偶数时，我调用在页面上运行的函数的地方：

if (sol % 2 == 0) {
sec = 20;     
chrome.tabs.executeScript(null, {file: 'functionNoVisibility.js'});
}

这就是所谓的函数：

function inContent() { 
const el = document.getElementsByTagName("html"); 
for (var i = 0; i < el.length; i++) { 
el[i].style.display = "none"; 
} 
}

这是我清单中的permissions部分：

"permissions": [
"activeTab",
"*://*"
]

问题是html没有改变。我该怎么解决这个问题？如果提供的代码还不够，请告诉我，我是StackOverFlow的新手。。。提前感谢

Answer 1

总结ikiK在评论中的回答：

• 页面内容以正文而非html形式列出
• 您不需要循环，因为只能有一个body元素
• document.querySelector("body"(.style.display="；none"；；应该做到

ikiK的下结束

就我个人而言，如果你想打开和关闭显示的页面，我建议使用不透明属性；块"；，但这可能会扰乱网页的整体设计。所以我认为在你的案例中使用不透明会更明智。

希望我能帮忙：(