javascript动态添加/删除div

添加

<script>
var oDiv = document.createElement("DIV");
oDiv.id = "shop01";
oDiv.style.top = 200;
oDiv.style.left = 200;
oDiv.style.background = '#FFFF00';
oDiv.style.visibility = 'visible';
oDiv.innerHTML="123123"
document.body.appendChild(oDiv);
oDiv.onclick = abc;
function abc(){
alert("abc");
}
</script>

 

 

删除div:

function deldiv(divid){
var div=document.getElementById(divid);
div.parentNode.removeChild(div);
}

 

另：

获得一个控件var xxoo = document.createElement('xxoo');

设置属性

然后可以获得一个div的控件然后div.appendChild(xxoo);