2010-09-26 77 views
0

我剛剛創建了一個簡單的頁面,我試圖用CSS來模擬ajax。爲此,我想創建帶有可見標籤的隱形無線電按鈕,只要用戶點擊標籤,就應該加載外部CSS文件。只有一個問題:標籤在課堂內以純文本形式打印出來。有辦法處理嗎?:在僞元素和標籤後

編輯:按照要求,我的代碼:

<!doctype html> 
<html><head> 
    <title>Demo: Ajax without JS</title> 
    <style type="text/css"> 
     #loader:checked:after{ 
      content:'<link class="sheet" rel="stylesheet" type="text/css" href="external.css"/>'; 
     } 
    </style> 
</head><body> 
    <div class="rad"><input type="radio" id="loader"/><label for="loader">Loader</label></div> 
</body></html> 

是的,這是儘可能簡單。

+0

添加一些代碼來說明? – 2010-09-26 12:04:20

回答

1

簡單地說,你不能這樣做。生成的內容被視爲演示文稿,因此不會實際插入到DOM中。

請注意,生成的內容僅呈現 - 它不會出現在DOM樹中。換句話說,生成的內容不會像這樣改變文檔 - 只有演示文稿。

http://reference.sitepoint.com/css/content

因此您嘗試插入,會以純文本呈現的一切。這另一個含義是,無論您使用content生成的任何內容,您都無法使用Javascript進行操作。所以你對這種事情堅持使用Javascript。

另請參閱:https://developer.mozilla.org/en/CSS/content

+0

有沒有辦法像將href屬性添加到給定的子元素? (另外:使用a-tags可以嗎?) – fb55 2010-09-26 12:37:18

+0

@ FB55不完全確定你在這裏得到了什麼,但是如果你想以任何方式操縱DOM,比如改變元素的屬性,你**有**要使用Javascript – 2010-09-26 12:43:52