我創建一個腳本,在那裏如果用戶點擊一個按鈕,它會創建新的段落和分配基礎,以長度的新的ID,例如,para.id =
paragraph1
,paragraph2
使用不同的ID的CSS規則, paragraph3
...我想在JavaScript腳本中相應地將這些段落添加到cssRule中。我使用document.styleSheets[0].insertRule(#para.id{ }, paragraph.length);
,但似乎沒有。我想插入這樣的規則而不分配樣式是因爲我想爲特定的樣式分配不同的段落。希望你們知道我的問題is.Thanks如何動態地創建在JavaScript
1
A
回答
1
我會做一個:
var cssCode = "#" + para.id + " { /* any css rule there */ }";
var styleElement = document.createElement("style");
styleElement.type = "text/css";
if (styleElement.styleSheet) {
styleElement.styleSheet.cssText = cssCode;
}
else
{
styleElement.appendChild(document.createTextNode(cssCode));
}
document.getElementsByTagName("head")[0].appendChild(styleElement);
這將做完全一樣的靜態在你的頁面
追加<style type="text/css">
/* any css rule there */
</style>
所以你不需要長度作爲輸入。此外,「insertRule」不適用於IE(cource,即不喜歡與其他人一樣)。雖然上述示例適用於任何Web瀏覽器。
要完成一個警告:確保您的ID是唯一的,或者您可能有問題! HTML中的ID必須以字母開頭(可能是HTML5軟化它,但爲了兼容性,最好以字母開頭)並且在頁面中是唯一的!
相關問題
- 1. 動態地創建在JavaScript中
- 2. 如何動態地在Excel中創建
- 3. 如何在javascript中創建動態地圖鍵?
- 4. 創建動態在JavaScript
- 5. 動態創建Javascript?
- 6. 如何動態地創建與ASP.NET
- 7. 如何動態創建地圖?
- 8. Django:如何動態地創建網站?
- 9. 如何創建本地動態變量
- 10. 如何動態地創建KML文件
- 11. 如何動態地創建循環
- 12. 如何動態地創建使用SWIFTY
- 13. 如何使用JavaScript動態創建div?
- 14. 如何創建動態javascript功能
- 15. 如何用Javascript動態創建數組?
- 16. 的JavaScript&HTML - 修改動態創建的類內動態地創建子類
- 17. 如何在JavaScript中動態創建靜態方法?
- 18. 如何動態地隱藏動態創建的div標籤?
- 19. PHP:創建動態地圖
- 20. JavaScript:動態創建數組
- 21. 創建類動態以JavaScript
- 22. Ajax動態創建div + javascript
- 23. 動態創建Javascript對象
- 24. 動態Javascript對象創建
- 25. 創建動態Javascript AJAX
- 26. 動態創建JavaScript對象?
- 27. Javascript動態哈希創建
- 28. 創建JavaScript對象動態
- 29. Javascript - 動態創建按鈕
- 30. 創建動態JavaScript對象
你想使用jQuery嗎? –
不行,我更喜歡使用javascript – dramasea
你想爲每個段落分配相同的樣式嗎? – Sumurai8