js修改id下的樣式,js設置id

本文目錄一覽：

• 1、js問題，給id添加樣式
• 2、怎樣用js修改div里標籤的樣式
• 3、js怎麼根據div id修改其他div樣式
• 4、js 獲取ID改變樣式
• 5、js修改哪些css樣式

js問題，給id添加樣式

SCRIPT language=javascript

function expand(el)

{

var childObj = document.getElementById(“child” + el);

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

if (childObj.style.display == ‘none’)

{

childObj.style.display = ‘block’;

box.style……//按照上面的寫法就可以了

}

else

{

childObj.style.display = ‘none’;

}

return;

}

/SCRIPT

怎樣用js修改div里標籤的樣式

1、新建一個html文件，命名為test.html。

2、在test.html文件內，使用div標籤創建一個模塊，在div內，使用p標籤創建兩行文字，用於測試。

3、在test.html文件內，設置div標籤的id為mytest，主要用於下面通過該id獲得div對象。

4、在test.html文件內，使用button標籤創建一個按鈕，按鈕名稱為「刪除div里的內容」。

5、在test.html文件中，給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行delcon（）函數。

6、在js標籤中，創建delcon()函數，在函數內，通過getElementById（）方法利用id（mytest）獲得div對象，通過將對象的innerHTML設置為空，實現刪除div里的內容，但不刪除div本身。

js怎麼根據div id修改其他div樣式

body

div style=”height: 20px;width: 20px;background: #666;” id=”node”

/div

script

    // 使用原生JS

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

    node.style.background = “black”;

    // 

    var node = $(“#node”);

    node.css(“background”, “#111”);

/script

/body

js 獲取ID改變樣式

要麼把這個寫在head標籤里：

script type=”text/javascript”

window.onload=function(){

var getID = document.getElementById(“over”);

getID.onmouseover=function(){

this.className = “over”;

}

}

/script

要麼就在div id=”over” 1 /div後寫上

script

var getID = document.getElementById(“over”);

getID.onmouseover=function(){

this.className = “over”;

}

/script

需要在html加載完畢後js才能正確獲取到元素

js修改哪些css樣式

js可以隨意修改css

$(“#id”).css(“color”,”red”);// 單個樣式修改

$(“#id”).css([“color”:”red”,”font-size”:”16px”]);// 多個樣式修改