js改變css樣式的三種方法推薦

更新時(shí)間：2016年06月28日 10:32:41 投稿：jingxian

下面小編就為大家?guī)?lái)一篇js改變css樣式的三種方法推薦。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

共用代碼：

var div=document.getElementById('div');

第一種：用cssText

div.style.cssText='width:250px;height:250px;border:1px red solid;';

第二種：用setProperty()

div.style.setProperty('width','250px');
div.style.setProperty('height','250px');
div.style.setProperty('border','1px red solid');

第三種：使用css屬性對(duì)應(yīng)的style屬性

div.style.width = "250px";

div.style.height = "250px";

div.style.border = "1px solid red";

以上就是小編為大家?guī)?lái)的js改變css樣式的三種方法推薦全部?jī)?nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

對(duì)new functionName()定義一個(gè)函數(shù)的理解
這篇文章主要介紹了對(duì)new functionName()定義一個(gè)函數(shù)的理解,需要的朋友可以參考下
2014-05-05
JavaScript必知必會(huì)(七)js對(duì)象繼承
這篇文章主要介紹了JavaScript必知必會(huì)(七)js對(duì)象繼承的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
JavaScript初級(jí)教程(第二課)
JavaScript初級(jí)教程(第二課)...
2007-04-04
JavaScript arguments 多參傳值函數(shù)
在一個(gè)函數(shù)體內(nèi)，標(biāo)識(shí)符arguments引用了arguments對(duì)象的一個(gè)特殊屬性。可以按照數(shù)目（而不是名字）獲取傳遞給函數(shù)的參數(shù)值。
2010-10-10
你真的了解JavaScript嗎？
你真的了解JavaScript嗎？...
2007-02-02
JavaScript中的splice()方法使用詳解
這篇文章主要介紹了JavaScript中的splice()方法使用詳解,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
2015-06-06
JavaScript對(duì)HTML DOM使用EventListener進(jìn)行操作
這篇文章主要介紹了JavaScript對(duì)HTML DOM使用EventListener進(jìn)行操作的方法,用于向HTML元素中添加事件,需要的朋友可以參考下
2015-10-10
javascript實(shí)現(xiàn)滑動(dòng)解鎖功能
這篇文章主要介紹了javascript實(shí)現(xiàn)滑動(dòng)解鎖功能的方法及示例，效果非常棒,需要的朋友可以參考下
2014-12-12
深入理解JavaScript定時(shí)機(jī)制
這篇文章主要介紹了深入理解JavaScript定時(shí)機(jī)制,對(duì)于學(xué)習(xí)JavaScript有一定的幫助，感興趣的小伙伴們可以參考一下。
2016-10-10
不得不看之JavaScript構(gòu)造函數(shù)及new運(yùn)算符
這篇文章主要介紹了JavaScript構(gòu)造函數(shù)及new運(yùn)算符，通過(guò)認(rèn)識(shí)new運(yùn)算符，代碼解讀，重點(diǎn)解析，new存在的意義，總結(jié)等全面介紹了知識(shí)點(diǎn)，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。
2017-08-08