如何在 javascript 中單擊按鈕時刪除 css 樣式？

Question

我創建了一個表單，在該表單中，默認情況下禁用了輸入字段->

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

我想在按鈕單擊時使其可編輯。 所以創建了一個這樣的按鈕->

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


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

但它不起作用。

我什至也試過這樣->

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

但又什么也沒發生。 我該如何解決這個問題>

Answer 1

您使用getElementById查找具有 id name的元素，但沒有這樣的東西。 使用<input id="name"而不是 class，那么第一個就可以了。

第二個不起作用，因為disabled不是樣式屬性。

Answer 2

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

或者

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

Answer 3

如果你想 select 元素 class 名稱使用getElementsByClassName 。

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

如果

select elemnt by id 使用getElementById .change 輸入

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

然后

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