更改元素的高度

Question

我在SharePoint 2013中有一个词嵌入文件，其中包含以下引用菜单/状态栏的元素：

<div class="WACStatusBarContainer loaded WacAirSpaceShared_BasicClass" id="WACStatusBarContainer" style="height: 22px; opacity: 1;">

当我将元素更改为：

时，我想隐藏该栏并能够处于开发人员模式

<div class="WACStatusBarContainer loaded WacAirSpaceShared_BasicClass" id="WACStatusBarContainer" style="height: 0px; opacity: 1;">

覆盖现有元素的代码是什么？

Answer 1

赞：

document.getElementById('WACStatusBarContainer').style.height = 0;

Answer 2

浏览器开发人员模式还提供“样式”检查器，该检查器将向您显示应用于元素的css样式。通常，您使用检查器的元素选择器选择元素，以便可以看到已应用的样式，从而可以看到需要覆盖的css表达式。