js創建div設置屬性

Ⅰ js為DIV動態設置ID屬性

JS為裡面的每個div設置不同的ID屬性的代碼如下：

<script>

var objs=document.getElementById("iproct").getElementsByTagName("div");

for(var i=0;i<objs.length;i++)

{

objs[i].id="myid" + i;

}

</script>

objs[i].id="myid" + i; 遍歷一下，在id後面加上遍歷索引，每個div的id就不一樣了，而且有規律。

(1)js創建div設置屬性擴展閱讀：

也可以用如下方式：

<script src="http://code.jquery.com/jquery-1.4.3.min.js" type="text/javascript"></script>

<script>

$(function(){

var i=0;

$("#iproct div").each(

function(){

$(this).attr("id","id"+i);

i++;

}

)

});

</script>

Ⅱ 救命，如何用js給div標簽添加css屬性，當滑鼠事件發生的時候，譬如點擊某個元素

需要准備的抄材料分別有：電腦、襲html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html，編寫問題基礎代碼。

Ⅲ js 給當前的div添加class屬性，設置值為"yourdiv",

this.className='yourdiv';//這是把class設置為yourdiv
this.className+=' '+'yourdiv';//這是在當前div上添加class

Ⅳ JS創建DIV，頁面如何給DIV賦值ID

var div = document.createElement("div");

div.id="mydiv";//或者div.setAttribute("id","mydiv");
document.body.appendChild(div);

Ⅳ javascript中如何在body中動態添加div元素

詳細的解題步驟如下：

<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);

}

調用：addElementDiv("parent");

Ⅵ js 創建多個div的問題

function create(){
//創建一個div
var div = document.createElement("div");
//為div創建屬性class = "test"
var divattr = document.createAttribute("class");
divattr.value = "test";
//把屬性class = "test"添加到div
div.setAttributeNode(divattr);
//創建一個值為test的按鈕
var input = document.createElement("input");
var inputattr = document.createAttribute("type");
inputattr.value = "button";
input.setAttributeNode(inputattr);
var inputattr1 = document.createAttribute("value");
inputattr1.value = "test";
input.setAttributeNode(inputattr1);
//創建一hello,world個文本節點
var text = document.createTextNode("hello,world");
//將按鈕和文本節點追加到div
div.appendChild(input);
div.appendChild(text);
//為div添加樣式
var style = document.createAttribute("style");
div.setAttributeNode(style);
div.style.backgroundColor = "#F00";
div.style.borderWidth = "20px";
div.style.borderColor = "#000";
div.style.width = "500px";
div.style.height = "500px";
div.style.marginLeft = "30%";
div.style.marginTop = "1%";
//把div追加到body
document.getElementsByTagName("body").item(0).appendChild(div);
}