js給div增加css（js往div中添加元素）

本文目錄一覽：

1、怎樣通過JS來為網頁元素添加CSS樣式
2、再問一次如果div原來用ID定義了css樣式可以再用js重新添加css樣式嗎,怎麼添加?
3、怎樣用JS來添加CSS樣式
4、如何用JS給div添加樣式
5、在一個div中每個a變遷動態的加入一個css的js代碼

怎樣通過JS來為網頁元素添加CSS樣式

例如改變背景色：

div id=”changeColor”使用JS改變背景色/div

script

var cc = document.getElementById(“changeColor”);

cc.style.backgoundColor=”#000″; //將背景色改為黑色

cc.style.fontSize=”20px”; // 將文字大小改為20px，等號右邊也可以寫為20+”px”

cc.style.color=”#fff”; //將文字顏色改為白色

/script

以此類推即可

再問一次如果div原來用ID定義了css樣式可以再用js重新添加css樣式嗎,怎麼添加?

可以，方法有很多種。比如可以用jQuery的css方法將樣式屬性對象賦予給div，也可以新定義一個css樣式，然後用jQuery的class方法將該樣式動態賦予給div。如果沒有使用jQuery，就用原生的js來操作。

怎樣用JS來添加CSS樣式

例如改變背景色：

1234567div id=”changeColor”使用JS改變背景色/divscriptvar cc = document.getElementById(“changeColor”);cc.style.backgoundColor=”#000″; //將背景色改為黑色cc.style.fontSize=”20px”; // 將文字大小改為20px，等號右邊也可以寫為20+”px”cc.style.color=”#fff”; //將文字顏色改為白色/script

如何用JS給div添加樣式

用JS給div添加樣式是通過js操作css來實現的。

用js方法找到div的dom對象

通過js操作css的style屬性來改變div的樣式

具體舉例如下：

定義div:div id=”myDiv” style=”color:red”改變樣式測試/div

編寫js代碼：

var color = document.getElementById(“myDiv”).style.color;

if (color == “red”)

document.getElementById(“myDiv”).style.color=”black”;

else

document.getElementById(“myDiv”).style.color=”red”;

執行js代碼後，div原來是紅色會變成黑色，原來是別的顏色會變成紅色

在一個div中每個a變遷動態的加入一個css的js代碼

1,你先在css寫一個類樣式比如：.test{border;1px solid black;}

2,script type=”text/javascript”

function change() {

//獲得父元素的對象

var box = document.getElementById(“box”);

//獲得子元素的對象組

var links = box.getElementsByTagName(“a”);

for (var i = 0; i links.length; i++) {

//改變每個子元素的class

links[i].setAttribute(“class”, “test”);

}