js中用cssText設(shè)置css樣式的簡單方法
更新時間：2016年09月19日 08:11:59 投稿：jingxian
下面小編就為大家?guī)硪黄猨s中用cssText設(shè)置css樣式的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
如果網(wǎng)頁中一個 id為“no”的標簽，暫且當div標簽來tell；
想要在js中設(shè)置這個div的css樣式，很一般的做法是：
var obj = document.getElementByIdx_x_x('no');
obj.style.width = '400px';
obj.style.height = '300px';
如果要設(shè)置一堆又一堆的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設(shè)置css樣式的簡單方法的全部內(nèi)容了，希望對大家有所幫助，多多支持腳本之家~
相關(guān)文章
打開網(wǎng)頁時提示 Stack overflow at line: 0。img圖片的onerror事件需要注意的細節(jié)。2011-01-01
實例詳解display:none與visible:hidden的區(qū)別
這篇文章主要介紹了實例詳解display:none與visible:hidden的區(qū)別的相關(guān)資料,需要的朋友可以參考下2017-03-03
本文主要介紹了JavaScript過濾關(guān)鍵字的方法。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
JavaScript獲得時間戳的方法有五種,后四種都是通過實例化時間對象new?Date()?來進一步獲取當前的時間戳,JavaScript處理時間主要使用時間對象Date,本文對js時間戳函數(shù)獲取方法給大家介紹的非常詳細,需要的朋友參考下吧2024-01-01
本文給大家分享的常用腳本有通過數(shù)組，拓展字符串拼接容易導致性能的問題、頁面 視口 滾動條的位置的輔助函數(shù)、調(diào)節(jié)元素透明度的函數(shù)、獲取鼠標位置的幾個通用的函數(shù)、使用cssdisplay屬性來切換元素可見性的一組函數(shù)、樣式相關(guān)的通用函數(shù)、獲取元素當前的高度和寬度。2015-03-03
這篇文章主要介紹了javascript彈出帶文字信息的提示框效果,涉及javascript簡單彈出窗口定義與樣式相關(guān)操作技巧,需要的朋友可以參考下2016-07-07
本篇文章是對使用JS清空File控件的路徑值的方法進行了詳細的分析介紹，需要的朋友參考下2013-07-07
JavaScript設(shè)計模式之工廠模式和抽象工廠模式定義與用法分析
這篇文章主要介紹了JavaScript設(shè)計模式之工廠模式和抽象工廠模式,結(jié)合實例形式分析了工廠模式的功能、定義、相關(guān)問題解決方法,并分析抽象工廠模式與工廠模式的不同之處,需要的朋友可以參考下2018-07-07
這篇文章主要介紹了使用js讓圖片組成動畫,這樣就可以用js做動畫了，大家參考使用吧2014-01-01
Ajax被認為是(Asynchronous(異步) JavaScript And Xml的縮寫）,現(xiàn)在允許瀏覽器與服務(wù)器通信而無須刷新當前頁面的技術(shù)都被叫做Ajax,下面這篇文章主要給大家介紹了關(guān)于ajax在js中和jQuery中的用法,需要的朋友可以參考下2021-08-08