从Javascript更改CSS属性

Question

无法做到这一点。

一直在尝试：

 document.getElementById("sharebar").innerHTML="";  //This works
 alert(document.getElementById("sharebar").toString());
document.getElementById("sharebar").setAttribute("width", "0px"); //To remove formatting but this doesnt

Answer 1

您正在尝试设置元素的属性，而不是其样式。要更改样式，请执行以下操作：

document.getElementById("sharebar").style.width = "0px"

Answer 2

document.getElementById("sharebar").setAttribute("style", "width:0px;");

Answer 3

document.getElementById("sharebar").style.width = "0";

Answer 4

另一种方法是：

document.getElementById("sharebar").style.width = "0px";

对于具有 - 如z-index的元素，请尝试以下操作：

document.getElementById("sharebar").style.zIndex = "10";

Answer 5

如果您要删除样式：

document.getElementById("sharebar").style.width = null;

或者如果您只关心支持IE9 +

document.getElementById("sharebar").style.removeProperty('width');