如何在HTML中获取按钮切换状态？

在HTML中，我们可以使用<button>标签来创建按钮。按钮的状态可以是开或关，我们可以通过JavaScript来获取按钮的状态。

首先，我们可以使用以下代码来创建一个按钮：

<button id="myButton">Toggle</button>

这个按钮有一个ID属性myButton，我们可以使用这个ID来操作按钮。

接着，我们可以使用以下JavaScript代码来获取按钮的状态：

var button = document.getElementById("myButton");
var isToggled = button.classList.contains("toggled");

这段代码使用document.getElementById()方法获取myButton按钮的元素，然后使用classList.contains()方法检查按钮元素上是否有toggled类。如果有，那么按钮就被切换了，isToggled变量将会被设置为true。

我们可以通过以下代码来切换按钮的状态：

button.classList.toggle("toggled");

这个toggle()方法将按钮的toggled类切换开关。如果按钮已经被切换了，那么这个方法会把它从按钮中移除，反之则添加。

注意：这里的toggled类可以随意定义，它仅仅是为了演示用途。

完整的HTML代码如下所示：

<button id="myButton">Toggle</button>

<script>
var button = document.getElementById("myButton");

button.onclick = function() {
    button.classList.toggle("toggled");
    
    var isToggled = button.classList.contains("toggled");
    
    if (isToggled) {
        console.log("Button is toggled on");
    } else {
        console.log("Button is toggled off");
    }
}
</script>

这个HTML代码会在按钮被点击时，将按钮状态切换，并在控制台中打印按钮状态。

以上就是在HTML中获取按钮切换状态的方法。