javascript 启用/禁用按钮disabled讲授
在 JavaScript 中,可使用 disabled
属性来启用或禁用按钮。当 disabled
属性的值为 true
时,按钮将被禁用,用户将没法点击它;当 disabled
属性的值为 false
时,按钮将被启用,用户可以点击它。
以下是一些使用 JavaScript 启用/禁用按钮的示例:
getElementById
方法获得按钮的援用,然后通过设置 disabled
属性来禁用按钮:var button = document.getElementById('myButton'); // 获得按钮的援用
button.disabled = true; // 禁用按钮
querySelector
方法选择按钮,并设置 disabled
属性来禁用按钮:var button = document.querySelector('button'); // 选择按钮
button.disabled = true; // 禁用按钮
disabled
属性来启用/禁用按钮:var button = document.getElementById('myButton'); // 获得按钮的援用
button.setAttribute('disabled', 'disabled'); // 禁用按钮
// 还是 button.disabled = true;
// 启用按钮
button.removeAttribute('disabled');
// 还是 button.disabled = false;
onclick
属性来调用 JavaScript 函数,并在函数中启用/禁用按钮:
上述示例中的 getElementById
、querySelector
、setAttribute
和 removeAttribute
是 DOM(文档对象模型)的一部份,它们可以用于获得元素的援用、设置属性和移除属性。通过操作按钮的 disabled
属性,可以方便地启用或禁用按钮。
TOP