<script type="text/javascript">
function add_div()
{
var ad=document.getElementById('show');
var adiv=document.createElement('div');
adiv.style.background="#000000";
adiv.style.width="100px";
adiv.style.height="30px";
adiv.id="kkk";
ad.appendChild(adiv);
}
function del_div()
{
var ad=document.getElementById('show');
var adiv=document.getElementById('kkk');
ad.removeChild(adiv);
}
</script>
<body bgcolor="#669900" id="show">
<button οnclick="add_div()">点击我吧</button><br />
<button οnclick="del_div()">点击我吧</button>
</body>
先把代码附上再说话。。。。
代码比较简单 所有就没写备注
实现的原理在于 document.createElement(""); 和 appendChild();
创建新元素、和扩展子类。。。。 大家仿写两次就了然。。。
删除是removeChild("")
其他就没什么好说的了。。。。。。。
个人感觉到目前为止 都是比较简单的应用
想要学好的话 基础还是在于css+div 以及各种HTML
大家都加油吧!!!!!