js中用cssText設置css樣式的簡單方法
更新時間：2016年09月19日 08:11:59 投稿：jingxian
下面小編就為大家?guī)硪黄猨s中用cssText設置css樣式的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
如果網(wǎng)頁中一個 id為“no”的標簽，暫且當div標簽來tell；
想要在js中設置這個div的css樣式，很一般的做法是：
var obj = document.getElementByIdx_x_x('no');
obj.style.width = '400px';
obj.style.height = '300px';
如果要設置一堆又一堆的css樣式呢，太麻煩了把、
一般情況下都會結(jié)合css來添加className或者改變className達到想要的效果，但是如果你create一個元素，難道還想這樣簡單點？那就要想別的辦法了~
于是大家就寫了一個又一個的函數(shù)，經(jīng)典的兩個是：
var obj = document.getElementByIdx_x_x('no');
function setStyle(obj, css) {
for(var attr in obj){
obj.style[attr] = css[attr];
}
}
setStyle(obj,{width:"400px",height:"300px"});
當然還有更簡單的，cssText：
var obj = document.getElementByIdx_x_x('no');
obj.style.cssText = "width:400px; height:300px;";
當然這種方法對于create的元素初始化css樣式來說很簡單很方便。
以上就是小編為大家?guī)淼膉s中用cssText設置css樣式的簡單方法的全部內(nèi)容了，希望對大家有所幫助，多多支持腳本之家~
相關文章
這篇文章主要為大家分享了10個短小又超實用的JavaScript代碼段 ，每個代碼段附使用方法，感興趣的朋友可以參考一下2016-05-05
這篇文章主要介紹了JavaScript獲得表單target屬性的方法,涉及javascript操作表單屬性的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了echart簡介，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要簡單介紹了個人對于Javascript變量作用域問題的一點理解，分享給大家，有需要的小伙伴參考下2014-12-12
Javascript設置對象的ReadOnly屬性(示例代碼)
本篇文章主要介紹了Javascript設置對象的ReadOnly屬性(示例代碼) 需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
js 限制input只能輸入數(shù)字小數(shù)點也不能輸入或者是只能輸入數(shù)字,能輸小數(shù)點等等，本文大致整理了一些，感興趣的朋友可以收藏下2013-12-12
一文讓你徹底搞懂TypeScript(TS)和JavaScript(JS)區(qū)別與聯(lián)系
TS是JS的超集,是一個可選的、靜態(tài)的類型系統(tǒng),下面這篇文章主要介紹了關于TypeScript(TS)和JavaScript(JS)區(qū)別與聯(lián)系的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-04-04
bootstrap modal+gridview實現(xiàn)彈出框效果
這篇文章主要介紹了bootstrap modal+gridview實現(xiàn)彈出框效果，gridview點擊更新彈出填寫信息表單，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
經(jīng)搜索獲取數(shù)組中最大最小值的方法實在是太多了，不過大同小異，本文自寫了一個，有需要的朋友可以參考下，希望對大家有所幫助2013-08-08
這篇文章主要為大家詳細介紹了js下載文件并修改文件名的代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05