window.onload = function () {
var tag = true;
var btn = document.getElementById('btn');
btn.onclick = function () {
if(tag){
var odiv = document.getElementById('right');
var div1 = document.createElement('div');
div1.style.width = 200 + 'px';
div1.style.height = 200 + 'px';
div1.style.background = 'red';
div1.id = 'div1';
odiv.appendChild(div1);
var d = document.getElementById('div1')
tag = false;
}else {
// odiv.parentNode.removeChild(odiv);
odiv.removeChild(d)
tag = true;
}
}
}
var tag = true;
var btn = document.getElementById('btn');
btn.onclick = function () {
if(tag){
var odiv = document.getElementById('right');
var div1 = document.createElement('div');
div1.style.width = 200 + 'px';
div1.style.height = 200 + 'px';
div1.style.background = 'red';
div1.id = 'div1';
odiv.appendChild(div1);
var d = document.getElementById('div1')
tag = false;
}else {
// odiv.parentNode.removeChild(odiv);
odiv.removeChild(d)
tag = true;
}
}
}
本文介绍了一个使用JavaScript实现的简单示例,通过按钮点击事件来动态创建和移除页面中的元素。该方法利用了window.onload事件确保DOM加载完成后再进行操作,并通过getElementById和createElement方法实现了元素的增删。
1534

被折叠的 条评论
为什么被折叠?



