2、确认div添加位置,可以在某个dom元素后面,或者通过css属性控制具体位置,主要通过left/top等属性控制。
3、确定位置之后,显示div即可。
示例:比如html中有一个文本输入框,我们现在需要在挨着输入框右下角位置显示一个div。
<input type="text" id="city" value="beijing"/>
<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>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)