js动态创建div注意事项

智行馆 2012-03-05

展开全文

//javascript动态创建DIV时，动态创建的DIV要被不是动态创建的DIV包含才起效果，如下面的div1或div2要被原有的test用方法appendChild包

//含进来才起效果。还有就是IE中动态设置DIV的class属性是divObj.className = "className" 而不是divObj.style.className = "className"
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style type="text/css">
.d{
width:100%;
height:50%;
background:green

}

</style>

<BODY>
<div id="test"></div>
<script>
var div1 = document.createElement("div");
div1.className = "d";

div1.style.position = 'absolute';

var div2 = document.createElement("div");
div2.appendChild(div1);

test.appendChild(div2);
</script>

//--------------------------------------------以下方法2不能以this作为参数传递，要达到用this作为参数来传递，可用方法1-------------------------------------------------------------------------------------------------------------------------------------------

var cDiv = document.createElement("div");
cDiv.className='viewDiv';

//方法1

cDiv.onmouseout = function(){
picMouseOut(this,'val1');
}

//方法2

cDiv.attachEvent("onmouseout",function(){

picMouseOut(this,'val1')

});

</BODY>
</HTML>