如何使用javascript切换按钮？

要使用JavaScript来切换按钮的状态，通常是指改变按钮的可见性或者启用/禁用状态。以下是一个简单的示例，展示了如何通过点击一个按钮来切换另一个按钮的启用和禁用状态。

HTML部分

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Toggle Button Example</title>
</head>
<body>

<button id="toggleButton">Toggle Me</button>
<button id="targetButton" disabled>Target Button</button>

<script src="script.js"></script>
</body>
</html>

JavaScript部分（script.js）

document.addEventListener('DOMContentLoaded', function() {
    var toggleButton = document.getElementById('toggleButton');
    var targetButton = document.getElementById('targetButton');

    toggleButton.addEventListener('click', function() {
        if (targetButton.disabled) {
            targetButton.disabled = false;
        } else {
            targetButton.disabled = true;
        }
    });
});

解释

HTML部分：定义了两个按钮，toggleButton用于切换状态，targetButton是被切换状态的按钮。
JavaScript部分：
- 使用DOMContentLoaded事件确保DOM完全加载后再绑定事件。
- 获取两个按钮的引用。
- 为toggleButton添加点击事件监听器，当点击时，检查targetButton的disabled属性，并切换其值。