文本框设置成不可修改样式，如何通过按钮进行调整，成可修改的文本框


<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
       <input type="text" name="weizhi"   th:value="*{weizhi}" 
           id="weizhi"   required="required"  onfocus=this.blur() value="123"
        style="border="1px solid red";width: 180px; height: 25px;margin-top: 6px;background-color:transparent;border:0;">
    </body>
    
    <script>
        function xiugai1(){
            var id=document.getElementById('weizhi');
            if(id==)
    </script>
</html>

var input_text = document.getElementById('weizhi');
input_text.setAttribute('style', 'height: 50px'); //这里是改为高度50px