如何使用javascript或jquery更改html元素的css屬性

Question

如何從javascript更改CSS。

我使用的是jQuery-ui Dialog，我想從javascript中更改DIV的樣式。

謝謝

Answer 1

退房the jQuery documentation。如果你想要什麼，它會在那裏。

無論如何，如果你想添加樣式元素，你需要使用css函數，它有幾個變種。

$(selector).css(properties); // option 1 
$(selector).css(name, value); // option 2 

所以，如果你有「mydiv」的ID的DIV和你想的紅色背景，你會做

$("div#mydiv").css({'background-color' : 'red'}); // option 1 
$("div#mydiv").css('background-color','red');  // option 2 

第一種方法是比較容易，如果你設置多件事情立刻。

如果你想檢查一個屬性當前設置爲什麼，你可以使用第二個選項的變體，只是省略該值。

var color = $("div#mydiv").css('background-color'); 

將使VAR color是red如果你已經設置了上面，例如。

您還可以添加和刪除類，做這樣的事情

$(selector).addClass(class_name); 
$(selector).removeClass(class_name); 

Answer 2

有幾種使用jQuery框架操作元素樣式的方法。看看通過與CSS和改變屬性的文件：

• http://docs.jquery.com/Attributes/addClass#class
• http://docs.jquery.com/CSS

Answer 3

這個答案的作品，即使沒有jQuery的。

所以，你有這樣的事情：

<style type="text/css"> 
    .foo { color: Red; } 
    .bar { color: Blue; } 
</style> 
<div class="foo" id="redtext"> some red text here </div> 

如果你想改變只是一些屬性，你總能找到使用

var div = document.getElementById('redtext'); 

功能的元件，然後改變其附着的色彩風格通過

div.style.color = 'Green'; 

讓你的紅色文字顯示爲綠色代替。

如果要更改DIV到另一個風格類中定義的類，你可以這樣做：

div.className = 'bar'; 

使得DIV現在使用類吧，這讓你以前的綠色文字藍色。

Answer 4

試試這個。這是jQuery代碼。

$("myDiv").css({"color":"red","display":"block"}) 

如果您使用的是vanila javacript，請嘗試此操作。

var myDiv = document,getElementById("myDiv"); 

myDiv.style.display = "block"; 

myDiv.style.color = "red";