js改變css樣式的三種方法推薦
更新時間：2016年06月28日 10:32:41 投稿：jingxian
下面小編就為大家?guī)硪黄猨s改變css樣式的三種方法推薦。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
共用代碼：
<div id="div">
this is a div
</div>
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屬性對應(yīng)的style屬性
div.style.width = "250px";
div.style.height = "250px";
div.style.border = "1px solid red";
以上就是小編為大家?guī)淼膉s改變css樣式的三種方法推薦全部內(nèi)容了，希望大家多多支持腳本之家~
您可能感興趣的文章:
- javascript 動態(tài)修改css樣式方法匯總(四種方法)
- JavaScript修改css樣式style
- JS修改css樣式style淺談
- JS函數(shù)實(shí)現(xiàn)動態(tài)添加CSS樣式表文件
- JS獲取CSS樣式（style/getComputedStyle/currentStyle）
- 原生js更改css樣式的兩種方式
- JavaScript修改css樣式style動態(tài)改變元素樣式
- JS判斷移動端訪問設(shè)備并加載對應(yīng)CSS樣式
- js改變style樣式和css樣式的簡單實(shí)例
- JS讀寫CSS樣式的方法匯總
- 原生JS實(shí)現(xiàn)獲取及修改CSS樣式的方法
相關(guān)文章
關(guān)于全局變量和局部變量的那些事,有哪些事呢？不要走開，接下來將詳細(xì)介紹，感興趣的朋友可以了解下哦2013-01-01
這篇文章主要為大家介紹了前端變量函數(shù)命名規(guī)則的總結(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
本文講的是從初學(xué)者的角度詳解Javascript ES6中的箭頭函數(shù)(Arrow Functions)的基礎(chǔ)知識， ES6可以使用“箭頭”定義函數(shù)，注意是函數(shù)，不要使用這種方式定義類（構(gòu)造器）2017-06-06
這篇文章主要介紹了JavaScript作用域的相關(guān)資料，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
本文詳細(xì)講解了JSONObject的用法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-12-12
這篇文章介紹了JavaScript中變量的用法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05
文件作為一種特殊的表單數(shù)據(jù)，通過http post請求方式提交至服務(wù)器的時候，php會生成一個$_FILES全局?jǐn)?shù)組，相關(guān)的文件信息會存放在這個全局?jǐn)?shù)組中。我將在這篇文章中通過一些示例代碼來闡述php下的文件上傳，并且深入看下關(guān)于文件上傳內(nèi)部的實(shí)現(xiàn)機(jī)制，最后簡單說下如何加強(qiáng)這方面的安全性!2014-04-04
JavaScript起點(diǎn)(嚴(yán)格模式深度了解)
嚴(yán)格模式(Strict Mode)是ECMAScript5新增的功能,目前所有的主流瀏覽器的最新版本——包括IE10與Opera12——都支持嚴(yán)格模式,感興趣的朋友可以了解下啊，希望本文對你有所幫助2013-01-01
JS寶典學(xué)習(xí)筆記(下)...2007-01-01
這篇文章主要介紹了javascript 中的事件委托詳解的相關(guān)資料,需要的朋友可以參考下2016-10-10