js setattribute批量設(shè)置css樣式
更新時(shí)間：2009年11月26日 18:40:13 作者：
setattribute批量設(shè)置css樣式的實(shí)現(xiàn)代碼。
firefox等可以使用
var dom=document.getElementById("name");
dom.setAttribute("style","width:10px;height:10px;border:solid 1px red;") ;
IE中則必須使用style.cssText
var dom=document.getElementById("name");
dom1.style.cssText = "width:10px;height:10px;border:solid 1px red;";
補(bǔ)充一下，目前style.cssText類似innerHTML了，已經(jīng)成為一個(gè)web開發(fā)的事實(shí)標(biāo)準(zhǔn)。因此測(cè)試顯示firefox瀏覽器也支持這種方式。
var dom=document.getElementById("name");
dom.setAttribute("style","width:10px;height:10px;border:solid 1px red;") ;
IE中則必須使用style.cssText
var dom=document.getElementById("name");
dom1.style.cssText = "width:10px;height:10px;border:solid 1px red;";
補(bǔ)充一下，目前style.cssText類似innerHTML了，已經(jīng)成為一個(gè)web開發(fā)的事實(shí)標(biāo)準(zhǔn)。因此測(cè)試顯示firefox瀏覽器也支持這種方式。
您可能感興趣的文章:
- javascript中setAttribute()函數(shù)使用方法及兼容性
- js中的getAttribute方法使用示例
- javascript中attribute和property的區(qū)別詳解
- JavaScript中setAttribute用法介紹
- JS getAttribute和setAttribute(取得和設(shè)置屬性)的使用介紹
- JavaScript中的property和attribute介紹
- javascript setAttribute, getAttribute 在不同瀏覽器上的不同表現(xiàn)
- Jquery attr()方法 屬性賦值和屬性獲取詳解
- jQuery使用attr()方法同時(shí)設(shè)置多個(gè)屬性值用法實(shí)例
- jQuery使用元素屬性attr賦值詳解
- JavaScript中的 attribute 和 jQuery中的 attr 方法淺析
相關(guān)文章
javascript禁用鍵盤功能鍵讓右擊及其他鍵無(wú)效
禁用鍵盤功能鍵的方法有很多，在本文為大家詳細(xì)介紹下，使用javascript如何實(shí)現(xiàn)禁用鍵盤功能鍵及其他鍵的方法，感興趣的朋友可以參考下2013-10-10
JavaScrpt中如何使用 cookie 設(shè)置查看與刪除功能
這篇文章主要介紹了JavaScrpt中使用 cookie 設(shè)置查看與刪除功能的方法，文中通過(guò)實(shí)例代碼給大家介紹了js cookie常用的3個(gè)預(yù)設(shè)函數(shù)庫(kù),需要的朋友可以參考下2017-07-07
這篇文章主要為大家詳細(xì)介紹了js仿小米官網(wǎng)圖片輪播特效,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)貪吃蛇小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)彈幕墻效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
JavaScript 原型鏈學(xué)習(xí)總結(jié)
在JavaScript中，一切都是對(duì)像，函數(shù)是第一型2010-10-10
刷新頁(yè)面的幾種方法小結(jié)(JS,ASP.NET)
本篇文章只要是對(duì)刷新頁(yè)面的幾種方法進(jìn)行了詳細(xì)的總結(jié)介紹，包括JS與ASP.NET。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
獲取對(duì)象...2006-08-08
Javascript oop設(shè)計(jì)模式 面向?qū)ο缶幊毯?jiǎn)單實(shí)例介紹
這篇文章主要介紹了Javascript oop設(shè)計(jì)模式 面向?qū)ο缶幊毯?jiǎn)單實(shí)例介紹的相關(guān)資料,這里附有實(shí)例代碼幫助大家學(xué)習(xí)理解，需要的朋友可以參考下2016-12-12
微信小程序?qū)崿F(xiàn)商城倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)商城倒計(jì)時(shí)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06