JavaScript動(dòng)態(tài)添加style節(jié)點(diǎn)的方法

更新時(shí)間：2015年06月09日 17:19:57 作者：不吃皮蛋

這篇文章主要介紹了JavaScript動(dòng)態(tài)添加style節(jié)點(diǎn)的方法,涉及javascript節(jié)點(diǎn)操作的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了JavaScript動(dòng)態(tài)添加style節(jié)點(diǎn)的方法。分享給大家供大家參考。具體如下：

var css = 'h1 { background: red; }',
head = document.getElementsByTagName('head')[0],
style = document.createElement('style');
style.type = 'text/css';
if(style.styleSheet){
style.styleSheet.cssText = css;
}else{
style.appendChild(document.createTextNode(css));
}
head.appendChild(style);

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

用box固定長(zhǎng)寬實(shí)現(xiàn)圖片自動(dòng)輪播js代碼
這篇文章主要介紹了用box固定長(zhǎng)寬實(shí)現(xiàn)圖片自動(dòng)輪播效果,需要的朋友可以參考下
2014-06-06
JS及PHP代碼編寫(xiě)八大排序算法
這篇文章主要為大家詳細(xì)介紹了JS及PHP代碼編寫(xiě)八大排序算法的相關(guān)資料，感興趣的小伙伴們可以參考一下
2016-07-07
javascript算法學(xué)習(xí)實(shí)現(xiàn)代碼
有1到100000共10萬(wàn)個(gè)數(shù)。從中隨機(jī)抽走兩個(gè)。再把原來(lái)的數(shù)字順序打亂。如何快速找到被抽走的兩個(gè)數(shù)
2011-04-04
JS中的oninput和onchange事件的區(qū)別及如何正確使用
在JavaScript中,oninput和onchange事件是用于處理用戶輸入的常見(jiàn)事件,本文將介紹oninput和onchange事件的區(qū)別,以及如何在實(shí)際開(kāi)發(fā)中正確使用它們,感興趣的朋友跟隨小編一起看看吧
2023-10-10
JavaScript中setInterval的用法總結(jié)
這篇文章主要是對(duì)JavaScript中setInterval的用法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-11-11
清除div下面的所有標(biāo)簽的方法
清除標(biāo)簽的方法有很多，下面有個(gè)不錯(cuò)的示例可以清楚div下面的所有標(biāo)簽,需要的朋友可以參考下
2014-02-02
springMVC結(jié)合AjaxForm上傳文件
這篇文章主要為大家詳細(xì)介紹了springMVC結(jié)合AjaxForm上傳文件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-07-07
基于wordpress的ajax寫(xiě)法詳解
下面小編就為大家分享一篇基于wordpress的ajax寫(xiě)法詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01
JS實(shí)現(xiàn)字符串翻轉(zhuǎn)的方法分析
這篇文章主要介紹了JS實(shí)現(xiàn)字符串翻轉(zhuǎn)的方法,結(jié)合實(shí)例形式分析了javascript字符串使用reverse方法、字符串遍歷方法以及針對(duì)輸入字符串的遍歷、逆序輸出等方法實(shí)現(xiàn)字符串反轉(zhuǎn)相關(guān)操作技巧,需要的朋友可以參考下
2018-08-08
使用js操作cookie的一點(diǎn)小收獲分享
js操作cookie想必大家并不陌生吧，本文積累了一點(diǎn)小經(jīng)驗(yàn)，在此與大家分享下，希望對(duì)大家有所幫助
2013-09-09