📅 最后修改于: 2023-12-03 15:35:33.888000 🧑 作者: Mango
在Web开发中，按钮是非常常见的用户交互元素。在Vanilla JS中，我们可以使用原生的JavaScript来创建和操作按钮元素。
要创建按钮，我们可以使用以下代码：
const button = document.createElement('button');
button.textContent = 'Click me';
该代码首先使用document.createElement()函数创建一个button元素，并将其赋值给变量button。然后，我们可以使用textContent属性为按钮设置文本内容。
我们还可以将按钮添加到文档中，使用以下代码：
document.body.appendChild(button);
该代码将按钮添加到<body>元素中。
要为按钮添加事件处理程序，我们可以使用以下代码：
button.addEventListener('click', function() {
alert('Button clicked!');
});
该代码为按钮添加了一个click事件处理程序，当按钮被点击时，它会弹出一个警告框。
要更改按钮的样式，我们可以使用style属性。例如，以下代码将按钮的背景颜色更改为蓝色：
button.style.backgroundColor = 'blue';
要禁用按钮，我们可以使用以下代码：
button.disabled = true;
该代码将按钮禁用，使其无法点击。
在Vanilla JS中，我们可以轻松地创建、操作和样式化按钮。如果你想进一步学习如何使用Vanilla JS来构建Web应用程序，请查看MDN Web文档。