2015-05-29 27 views
4

我正在研究一個考試項目,我需要在頁面中更改樣式表的名稱。我如何用Dart做到這一點? 我已經看到,我可以從Dart編輯我的css的每個屬性,但是我已經在其他頁面中使用了其他CSS。 例如,我有這個在我的html頁面:如何使用dart更改css樣式表?

<link href="stile.css" rel="stylesheet" type="text/css"> 

我需要編輯的頁面,使這個

<link href="stile-blu.css" rel="stylesheet" type="text/css"> 

我怎樣才能做到這一點?

+0

你在哪兒這個鏈接元素?在標題中,印在身上?在StackOverflow中,最好添加一些代碼,這些代碼顯示了你已經嘗試了什麼,你得到了什麼錯誤信息或者你遇到了什麼其他問題。 –

回答

3

假設你<link ...>元素在<head>元素

document.querySelector('#button').onClick.listen((_) { 
    var stile = document.head.querySelector('link[href="stile.css"]'); 
    stile.attributes['href'] = 'stile-blu.css'; 
}); 

如果添加id屬性您的鏈接元素的選擇可以簡化

<link id="mystyle" href="stile.css" rel="stylesheet" type="text/css"> 
document.querySelector('#button').onClick.listen((_) { 
    var stile = document.head.querySelector('#mystyle'); 
    stile.attributes['href'] = 'stile-blu.css'; 
});