在JavaScript中設(shè)置CSS樣式的方法有多種,以下是一些常見(jiàn)的用法:
1、通過(guò)style屬性設(shè)置單個(gè)元素的樣式,設(shè)置div元素的背景顏色為紅色:
document.getElementById('mydiv').style.backgroundColor = 'red';
2、使用setAttribute方法設(shè)置單個(gè)元素的樣式,設(shè)置img元素的寬度和高度:
document.getElementById('myimg').setAttribute('width', '200'); document.getElementById('myimg').setAttribute('height', '100');
3、通過(guò)CSSStyleSheet對(duì)象設(shè)置整個(gè)文檔的樣式,設(shè)置所有段落的顏色為藍(lán)色:
var styleSheet = document.styleSheets[0]; styleSheet.insertRule('p { color: blue; }', styleSheet.cssRules.length);
4、使用JavaScript庫(kù)(如jQuery)簡(jiǎn)化樣式的設(shè)置,使用jQuery設(shè)置所有鏈接的顏色為綠色:
$('a').css('color', 'green');
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。