如何在一个div内嵌套两个div？

1、打开编辑器，新建test.html，用于学习今天的内容。如下图所示：

2、接下来需要在head标签下方引入jquery.min.js插件，如下图所示：

3、在页面的body标签里，新建一个div，名称为test。如下图所示：

4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div，通过css()方法让文字居中。如下图所示：

5、在浏览器中打开test.html，可以在文字在页面中间显示。如下图所示：

<div id="parent" style="width:500pxheight:300pxborder:1px solid red"></div>

<script>

//动态添加div

function addElementDiv(obj){

var parent = document.getElementById(obj)

//添加div

var div = document.createElement("div")

//设置div属性

div.setAttribute("id","newDiv")//给div一个id

div.style.background = 'yellow'//添加背景色

div.innerHTML = "js 动态添加的div"//添加文字

parent.appendChild(div)

}

addElementDiv("parent")//运行，传参

</script>

var creatediv= function(){

var parentdiv=$('

') //创建一个父div，如果已经有了就获取

parentdiv.attr('id','parent') //给父div设置id

parentdiv.addclass('parentdiv') //添加css样式var childdiv=$('

') //创建一个子div

childdiv.attr('id','child') //给子div设置id

childdiv.addclass('childdiv') //添加css样式

childdiv.appendto(parentdiv) //将子div添加到父div中parentdiv.appendto('parentdiv') //将父div添加到父级中去

}

---