Hintergrund des Eingabefeldes auf Rot setzen

Question

Entschuldigung im Voraus für Dummheit.

Ich füge einige Fehlerüberprüfungscode zu einer vorhandenen (vorgebauten) Web site hinzu. Ich kann das HTML nicht ändern. Das Element muss ich ändern ist:

<input type="text" name="Q_5533" size="4" value="1" class="form_input_general">

Es ist eine Menge Feld. Ich muss die Hintergrundfarbe auf rot ändern. So ändert im Grunde ist es zu:

<input type="text" name="Q_5534" style="background-color: #ff3e3e" size="4" value="1" class="form_input_general">

Der Elementname Änderungen auf jeder Seite. Ich kann es im Code erhalten, indem mit:

var QuantityName ="Q_" + sProdRef;

ich gerade kämpfen mit getDocument und setAttribute es zu ändern. Mir ist klar, dass das ziemlich einfach ist und ich kann das Holz für die Bäume nicht sehen.

Bitte könnte mir jemand helfen?

Vielen Dank

Tony

Answer 1

Verwenden document.querySelector. Er wählt Elemente wie CSS-Selektoren:

var quantityName = "Q_" + sProdRef; 
var element = document.querySelector('input[name=' + quantityName + ']'); 
element.style.backgroundColor = '#ff3e3e'; 

Answer 2

Verwenden getElementsByName, es gibt eine Sammlung, so dass das erste Spiel sollte es tun, wie folgt aus:

var sProdRef = '5533'; // set somewhere before 

var QuantityName ="Q_" + sProdRef; 
document.getElementsByName(QuantityName)[0].style.backgroundColor='red'; 

Fiddle hier: https://jsfiddle.net/pwwm169d/