欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)文章

  • js注意img圖片的onerror事件的分析

    js注意img圖片的onerror事件的分析

    打開網(wǎng)頁時提示 Stack overflow at line: 0。img圖片的onerror事件需要注意的細節(jié)。
    2011-01-01
  • 實例詳解display:none與visible:hidden的區(qū)別

    實例詳解display:none與visible:hidden的區(qū)別

    這篇文章主要介紹了實例詳解display:none與visible:hidden的區(qū)別的相關(guān)資料,需要的朋友可以參考下
    2017-03-03
  • JavaScript 過濾關(guān)鍵字

    JavaScript 過濾關(guān)鍵字

    本文主要介紹了JavaScript過濾關(guān)鍵字的方法。具有很好的參考價值。下面跟著小編一起來看下吧
    2017-03-03
  • 獲取JAVASCRIPT時間戳函數(shù)的5種方法

    獲取JAVASCRIPT時間戳函數(shù)的5種方法

    JavaScript獲得時間戳的方法有五種,后四種都是通過實例化時間對象new?Date()?來進一步獲取當前的時間戳,JavaScript處理時間主要使用時間對象Date,本文對js時間戳函數(shù)獲取方法給大家介紹的非常詳細,需要的朋友參考下吧
    2024-01-01
  • JavaScript常用腳本匯總(三)

    JavaScript常用腳本匯總(三)

    本文給大家分享的常用腳本有通過數(shù)組,拓展字符串拼接容易導致性能的問題、頁面 視口 滾動條的位置的輔助函數(shù)、調(diào)節(jié)元素透明度的函數(shù)、獲取鼠標位置的幾個通用的函數(shù)、使用cssdisplay屬性來切換元素可見性的一組函數(shù)、樣式相關(guān)的通用函數(shù)、獲取元素當前的高度和寬度。
    2015-03-03
  • javascript彈出帶文字信息的提示框效果

    javascript彈出帶文字信息的提示框效果

    這篇文章主要介紹了javascript彈出帶文字信息的提示框效果,涉及javascript簡單彈出窗口定義與樣式相關(guān)操作技巧,需要的朋友可以參考下
    2016-07-07
  • 解析使用JS 清空File控件的路徑值

    解析使用JS 清空File控件的路徑值

    本篇文章是對使用JS清空File控件的路徑值的方法進行了詳細的分析介紹,需要的朋友參考下
    2013-07-07
  • JavaScript設(shè)計模式之工廠模式和抽象工廠模式定義與用法分析

    JavaScript設(shè)計模式之工廠模式和抽象工廠模式定義與用法分析

    這篇文章主要介紹了JavaScript設(shè)計模式之工廠模式和抽象工廠模式,結(jié)合實例形式分析了工廠模式的功能、定義、相關(guān)問題解決方法,并分析抽象工廠模式與工廠模式的不同之處,需要的朋友可以參考下
    2018-07-07
  • js動畫效果制件讓圖片組成動畫代碼分享

    js動畫效果制件讓圖片組成動畫代碼分享

    這篇文章主要介紹了使用js讓圖片組成動畫,這樣就可以用js做動畫了,大家參考使用吧
    2014-01-01
  • ajax在js中和jQuery中的用法實例詳解

    ajax在js中和jQuery中的用法實例詳解

    Ajax被認為是(Asynchronous(異步) JavaScript And Xml的縮寫),現(xiàn)在允許瀏覽器與服務(wù)器通信而無須刷新當前頁面的技術(shù)都被叫做Ajax,下面這篇文章主要給大家介紹了關(guān)于ajax在js中和jQuery中的用法,需要的朋友可以參考下
    2021-08-08

最新評論