更改樣式表加載

在我的HTML我有一個div：更改樣式表加載

<div id="devicelayout"> 
    Some text here 
</div>

和相應的CSS：

#devicelayout 
{ 
    width:1078px; 
}

一旦我的加載頁面時，我如何更改CSS #devicelayout規則？

來源

2014-04-04 user3499814

更改規則？你能提供更多細節嗎？我的意思是你可以在類中定義規則，並將該類添加到元素中。或者你可以直接在一個元素上放置樣式。你確定你確實需要你想要的嗎？ –

您可以使用jquery或普通的javascript，因爲我們可以從您添加的標籤中設想出來嗎？ – mrrobot

我想改變CSS選擇器的定義#devicelayout – user3499814

如果你只是想更改CSS樣式的元素，你可以在不同的類使用

$("#devicelayout").css("property", "value")

或

直接分配給它，或者使用改變元素的CSS屬性的JQuery

$("#devicelayout").addClass("newClass")

或者，如果您想更改css規則，請嘗試修改document.styleSheets對象的樣式表規則。請參閱here

來源

2014-04-04 22:01:55

$(document).ready(function(){ 
    $('#devicelayout').css("attributeName","attributeValue"); 
})

在這裏，您有關於使用CSS功能的一些更多的信息：http://api.jquery.com/css/

來源

2014-04-04 21:48:18 mrrobot

試試這個代碼：

$(document).ready(function(){ 
    $("#devicelayout").css("width","500px"); 
});

來源

2014-04-04 21:48:18

你可以使用jQuery作爲一個解決方案......把所有的CSS您希望您的#devicelayout在頁面加載到css文件（例如devicelayout.css）後發生更改。然後在你的腳本標籤（之後ofcourse您包括jQuery庫）添加以下代碼...

$(document).ready(function(){ 
    if($("#devicelayout").size()>0){ /*Check if the id "#devicelayout" exists within your DOM*/ 

    $("head").append($("<link rel='stylesheet' href='devicelayout.css' type='text/css' />")); /*if true, the new <link> element is appended to the <head> element */ } 
});

這也將讓你改變一些IDS的CSS頁面加載後，不只是一個。希望這可以幫助

來源

2014-04-04 21:54:53 Sai

更改樣式表加載

回答

相關問題