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

来源：互联网发布：php xmlreader详解编辑：程序博客网时间：2024/05/17 04:10

var parentDiv = document.createElement("div");//创建父divparentDiv.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");//创建子divsonDiv.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;}

0 1