<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
</style>
<body>
<div id="parent">
<button id="btn">bbb</button>
</div>
<script type="text/javascript">
var btn = document.getElementById("btn");
var parent = document.getElementById("parent");
btn.addEventListener('click',Todo,false);
var index=0;
function Todo(e){
var ele = e.target;
removeIt(ele);
appendIt(parent);
}
function removeIt(ele){
var ele = ele;
ele.parentNode.removeChild(ele);
}
function appendIt(ele){
var parent = ele;
addElement(index);
index++;
addElement(index);
index++;
}
function addElement(index){
var node2 =document.createElement("button");
node2.innerHTML="hello";
node2.id=index;
node2.addEventListener('click',Todo,false);
parent.appendChild(node2);
}
</script>
</body>
</html>
【前端面试题】-------实现一下,点击1个按钮的同时删除这个按钮,并创建2个新按钮
最新推荐文章于 2022-11-15 19:17:48 发布