var box = document.getelementbyid("box");
box.style.屬性;只能讀取修改行內樣式。
//訪問元素樣式2，對外鏈樣式表進行操作
document.stylesheets //得到的是樣式表集合 stylesheetlist
var sheet = document.stylesheets[0];//取得要修改的第乙個樣式表
一：操作
1.//非ie瀏覽器下可以識別一下方法和屬性
alert(sheet.cssrules); //樣式集合列表
sheet.deleterule(0); //刪除樣式規則（此處上的是第一css樣式）
sheet.insertrule("body ",0); //在第乙個位置新增乙個樣式規則
2.//針對ie瀏覽器使用如下：
alert(sheet.rules);
sheet.removerule(0);
sheet.addrule("body","background-color:red",0);
//操作樣式表，相容所有瀏覽器：將1和2結合在一起：
document.stylesheets;
var sheet = document.stylesheets[0];//cssstylesheet 取得要修改的樣式表
cinsertrule(sheet,"div","background-color:green; color:pink; font-size:18px; width:200px;",0);//對已有的屬性修改不成功
//新增css規則，並且相容所有瀏覽器
function cinsertrule (sheet, selectortext,csstext,position) ", position);
} //如果是ie
else if (sheet.addrule) ;
}cdeterule(sheet, 1); //將原來寫的css規則刪去，但上面新增加的並沒有刪去
//刪除css規則，並且相容所有瀏覽器
function cdeterule (sheet,index)
else if (sheet.removerule) ;
}二，取值
//通過外鏈形式，獲採樣式文字，選擇器，樣式值
var sheet3 = document.stylesheets[0];
var rules3 = sheet3.cssrules||sheet3.rules; //相容ie和非ie
var crule = rules3[0];
alert(crule.csstext); //.div 沒有呼叫刪除和新增規則函式
第二種寫法更簡潔。
外鏈式樣式表 WEB前端 CSS樣式表
css層疊樣式表 字型樣式屬性 font size 字型大小大小 頁中普遍使用14px 盡量使用偶數的數字字型大小。ie6等老式瀏覽器支援奇數會有bug。font family 字型 中文字型需要加引號，英文則不需要 如果字型名中包含空格 等符號，則該字型必須加英文狀態下的單引號或雙引號 盡量使用系...
react中樣式的使用（內聯和外部樣式表）
1 在src中新建三個子元件分別為 header footer content 2 在裡面分別寫入 建議用rcc快捷方式 header.js中 如下 import react,from react var headerstyle export default class header extends...
JS 操作樣式表1 行內樣式
訪問元素樣式1,stye屬性只對行內樣式有用 var box document.getelementbyid box alert box.style.color alert box.style.fontsize 對復合屬性的寫法是去掉中間的 並將第二個單詞大寫。alert box.style.flo...