javascript如果让页面上的按钮变灰（按钮可见但不可用）_教程

使用语句：document.getElementById("按钮").setAttribute("disabled", true)即可。

1、设置一个html页面，页面上有一个按钮，初始是可使用的。

2、设计一个函数，作为按钮绑定测试：

3、此时点击页面上的按钮数次：

4、打开开发者console，如下：

5、此时给button添加关键代码：

6、再次测试，刷新页面查看，变成了灰色：

7、点击按钮数次，打开console，显示无输出：

希望按钮不可以用，可以直接修改这个按钮的disabled属性就可以了。

下面是简单的代码实现，仅供参考：

<body>

</body>

var oBtn = document.getElementById('btn')

oBtn.onclick = function(){

oBtn.disabled = 'disabled'

}

</script>

通过disabled属性职位true设置按钮不可用。

1、获取按钮对象

2、设置按钮对象的disabled的属性为true（禁用），false（不禁用）

示例：

btn=document.getElementById('按钮的ID')

btn.disabled=true

欢迎分享，转载请注明来源：内存溢出

javascript如果让页面上的按钮变灰（按钮可见但不可用）