javascript - 如何在 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 之类的框架或库来做到这一点，您必须告诉您正在使用什么技术。