如何用javascript更改CSS屬性？

我想改變使用javascript但不工作的div的margin-top css元素。這裏是我的代碼：如何用javascript更改CSS屬性？

document.getElementById("sidescrollbtn").css({'margin-top':'70px'});

任何想法？

應用樣式？ – 2014-09-19 11:22:24

我是。我可以使用$（「sidescrollbtn」）而不是document.getElementById（「sidescrollbtn」）我想，但這沒有什麼區別，對吧？ – 2014-09-19 11:24:34

@ViniciusSantana它有所作爲。 Javascript有DOM對象，而jQuery有jQuery對象。如果你想使用jquery方法，那麼你必須使用jquery對象。 – 2014-09-19 11:32:55

在香草JS，只需設置.style.{camelCasedProperty} = 'value';

document.getElementById("sidescrollbtn").style.marginTop = '70px';

您還可以使用jQuery你試過對象符號做到這一點：

$('#sidescrollbtn').css({ 'margin-top': '70px' });

2014-09-19 11:24:01 Joe

好的，但請加上解釋 – InferOn 2014-09-19 11:24:49

@wintermute剛剛在那裏得到答案，我總是解釋:) – Joe 2014-09-19 11:25:14

+1爲你的解釋 – InferOn 2014-09-19 11:26:20

你可以用幾種方法做到這一點：

// Reference property name 
document.getElementById("sidescrollbtn").style.marginTop = '70px';

// Use setAttribute method 
document.getElementById("sidescrollbtn").setAttribute("style", "margin-top: 70px");

// Use jquery .css() 
$('#sidescrollbtn').css({ 'margin-top': '70px' });

其他信息

來源

2014-09-19 11:24:48

@NishanthiGrashia，我不認爲讓我的'OR'大膽的合法編輯。如果我想讓他們大膽，我會讓他們大膽。 – 2014-09-19 12:24:42

使用HTML DOM

document.getElementById(id).style.property=new style

例子：

<script> 
document.getElementById("p2").style.color = "blue"; 
</script>

2014-09-19 11:25:34 devst3r

您可以使用CSS給

document.getElementById("p2").style.color = "blue";

2014-09-19 11:26:15

在您創建的JSFiddle中，如果您將具有問題的代碼行替換爲下面的代碼行，這將起作用。

document.getElementById("sidescrollbtn").style.marginTop = '70px';

您還可以通過你的使用jQuery使用jQuery如下

$('#sidescrollbtn').css({ 'margin-top': '70px' });

2014-09-19 11:45:44 myaseedk

回答