js添加元素修改樣式,js怎麼修改樣式

本文目錄一覽：

• 1、js動態添加的元素怎麼設置樣式
• 2、js如何給目標元素的兄弟元素更改樣式
• 3、JS怎麼設置一個元素的樣式
• 4、Js動態創建的元素，如何設置他們的樣式？我知道委託可以綁定事件，但是不知道如何綁定樣式。

js動態添加的元素怎麼設置樣式

1

2

3

4

5

6

7

8

9

10

11

12

13

14

div id=”parent”/div

function addElementDiv(obj) {

var parent = document.getElementById(obj);

//添加 div

var div = document.createElement(“div”);

//設置 div 屬性，如 id

div.setAttribute(“id”, “newDiv”);

div.innerHTML = “js 動態添加div”;

parent.appendChild(div);

js如何給目標元素的兄弟元素更改樣式

找到目標元素的父元素，再找到它的子元素即可：

目標元素.parentNode.childNode

然後再通過循環給每個元素更改樣式即可。當然這裡面也包括了目標元素，要不要排除掉就看你了

也可以直接找目標元素的兄弟元素，但這要分兩步走：往前找和往後找，除非目標元素是所有兄弟裡面的老大或老幺，倒不如通過老爸直接找到所有兄弟來得更快更方便。

JS怎麼設置一個元素的樣式

document.getElementById(“div1”).className = “cc”;

這是完全正確的。

如果沒有達到你的效果，請檢查其他的地方，而不是懷疑這裡

Js動態創建的元素，如何設置他們的樣式？我知道委託可以綁定事件，但是不知道如何綁定樣式。

可以使用腳本框架，例如jQuery或國人的JSer,

設置樣式如：

jQuery: $(“.ad”).css(“樣式名1”, “樣式值”).css(“樣式名2”, “樣式值”);

如： $(“.ad”).css(‘background-color’,’red’).css(‘color’,’green’);

JSer除了像上面那樣寫外，還可以這樣：

JSer(“.ad”).css({backgroundColor:’red’, color:’green’});

如果是綁定樣式名的話：

jquery: $(“.ad”).addClass(“xxx”).addClass(“yyy”);

JSer: JSer(“.ad”).addClass(“xxx yyy”);

看了下你的補充問題，你可以用JSer，像這樣做：

JSer.exec(function(){

setInterval(function(){

JSer(“.ad”).remove();

}, 500);

});

因為不清楚那個ad是什麼時候被創建的，因為有可能是網頁載入完後過幾秒創建的。所以上面的代碼創建一個定時器，直接將.ad廣告remove掉。