button单击出对号
时间: 2023-09-10 19:15:43 浏览: 58
要实现单击 button 按钮后出现对号的效果,你可以使用 JavaScript 来实现。以下是一个简单的示例:
HTML 代码:
```
<button id="btn">点击</button>
```
CSS 代码:
```
#btn {
background-color: #4CAF50;
border: none;
color: white;
padding: 10px 24px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
```
JavaScript 代码:
```
const button = document.getElementById("btn");
button.addEventListener("click", function() {
button.innerHTML = "✓";
});
```
在这个示例中,我们首先使用了一个 button 元素,并设置了它的 id 属性为 "btn"。然后,我们使用 CSS 设置了按钮的样式。最后,我们使用 JavaScript 获取了按钮元素,并添加了一个 click 事件监听器。当按钮被单击时,我们将按钮的 innerHTML 属性设置为 "✓",这是一个 unicode 字符,表示对号。
需要注意的是,这个示例只是一个简单的实现,如果你需要在实际项目中使用,你需要考虑更多的因素,例如跨浏览器兼容性、动画效果等。