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屬性對應的style屬性
div.style.width = "250px";
div.style.height = "250px";
div.style.border = "1px solid red";
以上就是小編為大家?guī)淼膉s改變css樣式的三種方法推薦全部內(nèi)容了,希望大家多多支持腳本之家~
相關文章
JavaScript箭頭(arrow)函數(shù)詳解
本文講的是從初學者的角度詳解Javascript ES6中的箭頭函數(shù)(Arrow Functions)的基礎知識, ES6可以使用“箭頭”定義函數(shù),注意是函數(shù),不要使用這種方式定義類(構(gòu)造器)
2017-06-06
簡單了解JavaScript作用域
這篇文章主要介紹了JavaScript作用域的相關資料,文中講解非常細致,代碼幫助大家更好的理解和學習,感興趣的朋友可以了解下
2020-07-07
JSONObject用法詳解
本文詳細講解了JSONObject的用法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2021-12-12
JavaScript中變量的用法
這篇文章介紹了JavaScript中變量的用法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2022-05-05
php的文件上傳入門教程(實例講解)
文件作為一種特殊的表單數(shù)據(jù),通過http post請求方式提交至服務器的時候,php會生成一個$_FILES全局數(shù)組,相關的文件信息會存放在這個全局數(shù)組中。我將在這篇文章中通過一些示例代碼來闡述php下的文件上傳,并且深入看下關于文件上傳內(nèi)部的實現(xiàn)機制,最后簡單說下如何加強這方面的安全性!
2014-04-04
JavaScript起點(嚴格模式深度了解)
嚴格模式(Strict Mode)是ECMAScript5新增的功能,目前所有的主流瀏覽器的最新版本——包括IE10與Opera12——都支持嚴格模式,感興趣的朋友可以了解下啊,希望本文對你有所幫助
2013-01-01