时间戳

首页 > 解决方案 > 如何在 Javascript 的编辑模式下隐藏页脚面板？

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

问题描述

我正在一个网站上工作，我想隐藏显示在网站底部的矩形页脚面板。

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

该部分进入编辑模式时调用的 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（实际上是页脚面板）显示的所有内容：

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

标签： javascriptonclickhideshow-hide

解决方案

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

如果您想通过使用框架或库（例如ReactJS）来做到这一点，您必须说明您使用的是什么技术。

推荐阅读