2

Tem por exemplo, como pegar os 2 numa só linha?

Exemplo:

document.getElementsByClassName("teste")[0].removeAttribute("disabled");

Eu quero pegar o 0 e o 1

Tem como pegar os 2 juntos, ou terei que criar duas linhas assim;

document.getElementsByClassName("teste")[0].removeAttribute("disabled");

document.getElementsByClassName("teste")[1].removeAttribute("disabled");

?

2
  • 2
    Ou isso ou um loop
    – bfavaretto
    Commented 11/07/2017 às 15:01
  • a posição do array [0] e [1] sempre serão fixas?
    – DNick
    Commented 11/07/2017 às 15:07

2 Respostas 2

3

Com ES6 podes fazer isso numa só linha assim:

[...document.getElementsByClassName("teste")].forEach(el => el.removeAttribute("disabled"));

Mas com JavaScript "antigo" tem de ser com um loop:

var els = document.getElementsByClassName("teste");
for (var i = 0; i < els.length; i++){
    els[i].removeAttribute("disabled")
}
8
  • Em ES6 é uma linha mas também é um loop :)
    – bfavaretto
    Commented 11/07/2017 às 15:36
  • @bfavaretto sim, exato :)
    – Sergio
    Commented 11/07/2017 às 15:37
  • "el" seria o que? Obrigado pela resposta! Commented 11/07/2017 às 16:09
  • @LucasCarvalho o forEachpassa uma variável à callback que corre para cada elemento. O el foi o nome que dei a essa variável e que é um dos elementos com a classe teste, um de cada vez.
    – Sergio
    Commented 11/07/2017 às 17:26
  • Muito bom, mas só é pra habilitar os dois primeiros controles, então você teria que usar um Array.filter() ou algo do gênero
    – Wtrmute
    Commented 11/07/2017 às 17:34
0

Isso deve funcionar:

Array.from(document.getElementsByClassName("teste")).map((ele, idx)=> idx === 0 || idx ===1 ?  ele.removeAttribute("disabled") : ele);

EDIT:

O método getElementsByClassName não retorna um array. Então é preciso converte-lo em array para essa solucão funcionar. Editei a resposta convertendo pra array.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .