如何在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，以便当position的值为“ hello”或“ world”时，它应该隐藏通过以下html（实际上是页脚面板）显示的所有内容：< / p>

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

Answer 1

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

如果您想使用诸如 ReactJS 之类的框架或库来完成此操作，则必须告诉您所使用的技术。