使用js创建div、添加子div并给div设置在css中定义的class选择属性以及设置style属性

使用js创建div、添加子div并给div设置在css中定义的class选择属性以及设置style属性

    

var parentDiv = document.createElement("div");//创建父div
parentDiv.className="CssStyle1";//给父div设置class属性
parentDiv.style.clear="both";//给父div的style属性的clear赋值
parentDiv.style.border="0.5px solid #DBEAF9";//给父div的style属性的border赋值
parentDiv.style.margin-bottom="10px";//给父div的style属性的margin-bottom赋值

var sonDiv = document.createElement("div");//创建子div
sonDiv.className="CssStyle1";//给子sonDiv设置class属性
sonDiv.innerText="sonDiv内容text";////给子sonDiv的文本节点赋值
parentDiv.appendChild(sonDiv);//将子sonDiv赋值给父parentDiv
//对应的css文件代码			
//CssStyle.css文件
.CssStyle1{
	width:1200px;	
	margin-left:4%;
	margin-top: 10px;
	/*border:2px solid red;*/
	position: relative;	
	}
.CssStyle2{
	width:48%;	
	margin-left:0.5%;
	margin-bottom:10px;
	/*border:2px solid green;*/
	padding-bottom: 8px;
	padding-top: 3px;
	float: left;
	}