创建添加一个按钮,按钮叫做“按钮1”并注册点击事件 挑战:点击按钮后在按钮下方再创建添加一个按钮“按钮2”,创建后的按钮再点击还会再创建按钮“按钮3”。可以无限的创建下去
时间: 2024-10-15 10:15:12 浏览: 15
在Windows8中如何自定义电源按钮.docx
要在JavaScript中实现这个功能,你可以使用HTML结构来创建按钮,并利用事件监听器来动态地添加新的按钮。这里是一个简单的示例:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<style>
#container {
margin-bottom: 5px;
}
</style>
</head>
<body>
<div id="container"></div>
<script>
function addButton(parentElement) {
var button = document.createElement("button");
button.innerText = "按钮" + (parentElement.children.length + 1);
// 注册点击事件
button.addEventListener("click", function() {
addButton(button);
});
parentElement.appendChild(button);
}
// 初始创建按钮1
addButton(document.getElementById('container'));
</script>
</body>
</html>
```
在这个例子中,我们首先定义了一个`addButton`函数,它接受一个元素作为参数(在这个场景下是页面上用于放置按钮的`#container`)。每次点击按钮时,它都会创建一个新的按钮,并将新按钮添加到父元素下面,同时注册点击事件来触发递归调用自身。
阅读全文