JS 怎么在DIV中加入另一个DIV

JavaScript023

JS 怎么在DIV中加入另一个DIV,第1张

<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>

把外链接的JS加载到body后面，在这个JS里面用类似这样的代码：

var div = document.createElement('div')// 新增元素

var diva = document.getElementById('a')// 获取id为a的元素diva.parentNode.insertBefore(div, diva)// 在这个元素前面增加上去