javascript - 在 Javascript 中使用类名禁用文本框

Question

我有HTML

Name 1:<input type="text" class="one" id="mytext">
<button onclick="disfunction()"></button>

Javascript

function disfunction(){
document.getElementsByClassName("one").disabled = true;
}

但文本框仍处于启用状态。如何使用 JAVASCRIPT 中的 classname 来禁用 文本框。

使用 id 我可以做到这一点。还使用 jquery。

但我需要一个使用 Javascript 和 classname 的解决方案。

Answer 1

getElementsByClassName返回一个元素列表，您需要遍历它以禁用每个元素:

var cells = table.getElementsByClassName("one"); 
for (var i = 0; i < cells.length; i++) { 
    cells[i].disabled = true;
}

JSFIDDLE:http://jsfiddle.net/7L14zaha/1/