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