動態(tài)創(chuàng)建樣式表在各瀏覽器中的差異測試代碼
更新時間:2011年09月13日 23:23:58 作者:
對于標準瀏覽器,直接使用css.innerHTML也可以修改HTMLStyleElement的css規(guī)則
復(fù)制代碼 代碼如下:
<!doctype html>
<head></head>
<body>
<span id="con">xxx</span>
<script>
var css = document.createElement('style');
css.setAttribute('type', 'text/css');
var cssText = 'span{color:Red;}';
if(css.styleSheet) { // IE
css.styleSheet.cssText = cssText
} else {
css.appendChild(document.createTextNode(cssText));
}
document.getElementsByTagName("head")[0].appendChild(css);
</script>
對于標準瀏覽器,直接使用css.innerHTML也可以修改HTMLStyleElement的css規(guī)則;
但是對于IE會導(dǎo)致一個“unknow runtime error”。
相關(guān)文章
JavaScript幾種常見循環(huán)遍歷使用和區(qū)別
這篇文章主要介紹了JavaScript幾種常見循環(huán)遍歷使用和區(qū)別,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-09-09使用JavaScript腳本無法直接改變Asp.net中Checkbox控件的Enable屬性的解決方法
今天工作中遇到個小問題,情況如下,當我在后臺頁面中設(shè)置Checkbox的Enable的值為false時,我在前端頁面中使用腳本(chk.disabled = false),無法改變disabled的值為false,下面看看小編是怎么解決此問題的,需要的朋友一起了解了解吧2015-09-09JScript中的undefined和"undefined"的區(qū)別
JScript中的undefined和"undefined"的區(qū)別...2007-03-03微信小程序?qū)崿F(xiàn)商品數(shù)據(jù)聯(lián)動效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)商品數(shù)據(jù)聯(lián)動效果,代碼很簡單,直接復(fù)制即可根據(jù)自己的需求去修改,對小程序商品數(shù)據(jù)聯(lián)動實例代碼感興趣的朋友一起看看吧2022-08-08js 正則驗證密碼強度(包含數(shù)字+特殊字符+英文字母大小寫)
密碼驗證是常見的網(wǎng)站注冊方法,本文主要介紹了js 正則驗證密碼強度(包含數(shù)字+特殊字符+英文字母大小寫),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01