在網頁開發中,我們常常會用到<script>
標簽來嵌入JavaScript腳本,同樣的,在<script>
標簽中也可以使用CSS代碼來渲染頁面樣式。
使用CSS代碼來渲染樣式的優點是可以實現網頁的快速樣式更改和動態效果。在JavaScript腳本中,我們可以使用document
對象的write
方法來插入CSS代碼。例如:
document.write('<style> #Box { color: red; } </style>');
我們也可以將CSS代碼嵌入到<script>
標簽的嵌套中,這樣可以更好的管理代碼。例如:
<script type="text/javascript">
var cssText = "#Box { color: red; }";
var style = document.createElement('style');
style.type = 'text/css';
if (style.styleSheet) {
// IE
style.styleSheet.cssText = cssText;
} else {
// Others
style.innerHTML = cssText;
}
document.getElementsByTagName('head')[0].appendChild(style);
</script>
上面的代碼將CSS代碼嵌入到一個