如何添加小苏打主题的按钮?
步骤:
- 创建一个按钮元素。
- 设置按钮的文本。
- 设置按钮的样式。
- 添加一个点击事件处理程序。
- 添加一个 CSS 样式。
代码:
添加小苏打主题的按钮
说明:
-
onclick="addSugaButton()"
是按钮的事件处理程序。 -
document.querySelector('button')
获取按钮元素。 -
style.backgroundColor
设置按钮背景颜色。 -
style.color
设置按钮字体颜色。 -
style.text
设置按钮文本。
结果:
当您点击按钮时,它会变成蓝色并显示为“添加小苏打主题”。