如何在 Javascript 的编辑模式下隐藏页脚面板？

Question

我正在开发一个网站，我想在其中隐藏显示在网站底部的矩形页脚面板。

当网站进入编辑模式时，它应该以某种方式工作，矩形面板应该被隐藏，而当它进入非编辑模式时，矩形面板应该是可见的。

节进入编辑模式时调用的JS代码是：

toggleEdit: function(position) {
const self = this;
if (name == undef) {
return self;
}
self[name.dataset.edit != position ? "doEdit" : "undoEdit"](position);
return self;
},

当position 的值为“hello”或“world”时，网站进入编辑模式。

问题陈述：

我想知道我需要在上面添加什么 Javascript，以便当位置的值是“hello”或“world”时，它应该隐藏通过以下 html（实际上是页脚面板）显示的所有内容：

<div class="hide-bar">
<!–– and the comment closes with ––>
</div>

Answer 1

基本上，您必须操纵DOM。您的问题的答案在这个问题上得到了很好的解释：Show/hide 'div' using JavaScript。在这里，答案提供了一种使用 JavaScript 的方法。

如果您想使用框架或库（例如 ReactJS）来实现，您必须说明您使用的是什么技术。