How to remove css style on button click in javascript?

Question

I have created an form in which I have made the input field disabled by default->

<input class="name"  type="text" maxlength="50" value="Hritika Agarwal" disabled="" />

I want to make this editable on button click. So created a button like this ->

 <button class="accept-btn" onclick="myFunction()">Edit</button>


   function myFunction() {
   document.getElementById("name").removeAttribute("disabled");
   }

But It's not working.

I have even tried like this also->

     function myFunction() {
    document.getElementById("name").style.disabled = "false";
    }

But again nothing happened. How could I resolve this>

Paflow · Accepted Answer · 2021-01-08 07:30:06Z

2

You use getElementById to find an element with the id name but there is not such thing. Use <input id="name" instead of class, then the first will work.

The second can not work, since disabled is not a style-property.

answered Jan 8, 2021 at 7:30

Paflow

2,3975 gold badges34 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Canopus · Accepted Answer · 2021-01-08 07:32:37Z

2

 function myFunction() {
   document.getElementsByClassName("name")[0].removeAttribute("disabled");
 }

Or

<input class="name" id="name"  type="text" maxlength="50" value="Hritika Agarwal" disabled="" />

answered Jan 8, 2021 at 7:32

Canopus

5853 silver badges17 bronze badges

Comments

Fir3 · Accepted Answer · 2021-01-08 07:38:37Z

1

if you want to select elemnt by class name use getElementsByClassName.

document.getElementsByClassName("name")[0].disabled = false;

If

select elemnt by id use getElementById.change input to

<input id="name"  type="text" maxlength="50" value="Hritika Agarwal" disabled="" />

then

 document.getElementById("name").disabled = false;

answered Jan 8, 2021 at 7:38

Fir3

1482 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to remove css style on button click in javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related