<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <title></title>    </head>    <body>        <button id="btn">加锁</button>        <button id="btn2">解锁</button>        <script>            var oBtn = document.getElementById('btn');            var oBtn2 = document.getElementById('btn2');            oBtn.addEventListener('click',function(){                oBtn.setAttribute('disabled',true)            })            oBtn2.addEventListener('click',function(){                oBtn.setAttribute('disabled',false)            })        </script>    </body></html>

//点击加锁当前，给以后dom元素增加了disabled=“true”属性。如下
<button id="btn" disabled="true">加锁</button>

//点击解锁当前，给以后dom元素增加了disabled=“false”属性。如下
<button id="btn" disabled="false">加锁</button>

然而。真正能起到成果的是上面的写法。
`

    oBtn.addEventListener('click',function(){            oBtn.setAttribute('disabled',true)        })        oBtn2.addEventListener('click',function(){            oBtn.removeAttribute('disabled')        })

`
综上所述，起初我查看了对于HTMLdom元素官网文档。说的是只有设置
disabled=“disabled”,或者就繁多的disabled（目前很多浏览器都反对简写形式）能力将按钮禁用。至于如何设置回来，官网没说。然而实际上能够通过移除这个属性来达到成果。
对于常常写vue和react以及小程序等框架的来说，因为很容易弄混，所以这一点必须分明。