js cssText 屬性
此屬性雖然非常的好用,可能或許很多朋友對它比較陌生,因為很多程式碼中對它的使用都比較少,下面就對它進行一些簡單的介紹,希望能夠給大家代理幫助。
如果我們要動態的設定一個div的尺寸一般都會這麼寫:
[JavaScript] 純文字檢視 複製程式碼odiv.style.height="200px"; odiv.style.width="200px";
以上程式碼可以將odiv的長寬分別設定為200px。
其實上面的程式碼也可以用以下方式寫:
[JavaScript] 純文字檢視 複製程式碼odiv.style.cssText="width:200px;height:200px;";
也就是說cssText屬性可以一次性寫多個樣式屬性,類似於樣式表中的功能。
完整的程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>cssText屬性-螞蟻部落</title> <style type="text/css"> #thediv{background-color:blue} </style> <script type="text/javascript"> window.onload=function() { var odiv=document.getElementById("thediv"); odiv.style.cssText="width:200px;height:200px;"; } </script> </head> <body> <div id="thediv"></div> </body> </html>
以上程式碼可以將div的長度和跨度設定為200px。
相關文章
- cssText 屬性CSS
- javascript的cssText屬性程式碼例項JavaScriptCSS
- 使用cssText為元素一次設定多個樣式屬性值CSS
- js物件屬性JS物件
- js style.cssText用法簡單介紹JSCSS
- js如何獲取給定屬性的屬性值JS
- js的屬性物件的specified屬性用法簡單介紹JS物件
- css屬性與js中style物件的屬性對應表CSSJS物件
- Vue.js 計算屬性Vue.js
- fastjson:SerializerFeature屬性使用ASTJSON
- JS常用屬性方法大全(一)JS
- js的returnValue屬性用法介紹JS
- js給html標籤新增屬性JSHTML
- js 私有方法屬性和公有方法屬性簡單介紹JS
- js 物件方法、類方法、原型方法的區別;私有屬性、公有屬性、公有靜態屬性的區別JS物件原型
- CMake 屬性之全域性屬性
- package.json中的重要屬性PackageJSON
- vue.js計算屬性(getter | setter)Vue.js
- vue.js計算屬性(computed)Vue.js
- js prototype屬性使用程式碼例項JS
- js為物件新增和刪除屬性JS物件
- js獲取元素的方法與屬性JS
- js可列舉屬性的遍歷JS
- npm package.json屬性詳解NPMPackageJSON
- 移出Json物件的三級屬性JSON物件
- js nextSibling屬性和previousSibling屬性JS
- cssText批量修改樣式CSS
- iOS動畫 屬性屬性解析iOS動畫
- defer 屬性和 async 屬性
- js 改變 控制元件的屬性值JS控制元件
- JS 陣列(Arrey)屬性以及方法詳解JS陣列
- js訪問物件屬性的2個方法JS物件
- JSON 屬性必須用雙引號JSON
- JS遍歷物件屬性的7種方式JS物件
- vue.js計算屬性用法(computed)Vue.js
- js clientWidth和clientHeight屬性的作用JSclient
- ExtJs控制元件屬性配置詳細JS控制元件
- JSP自定義標籤系列---rtexprvalue屬性JS