Konvertieren Sie eine jQuery-Anweisung in einfaches JavaScript

Question

Ich möchte nicht das jQuery-Plugin oder die verwenden. Ich möchte alle Eingaben automatisch vervollständigen.

Ich habe diese code-

$("input, select, textarea").attr("autocomplete", "off"); 

Kann dies in normaler Javascript gesetzt werden, wenn möglich?

Answer 1

Verwenden querySelectorAll() mit forEach()

1. Get dom Elemente querySelectorAll()

2. es Array Array.from()

3. Iterate über Elemente konvertieren mit mit forEach() Iterator

4. das Attribut mit Hilfe von Set setAttribute()

Array.from(document.querySelectorAll("input, select,textarea")).forEach(function(ele) { 
 
    ele.setAttribute("autocomplete", "off"); 
 
});

<textarea></textarea> 
 
<input /> 
 
<select></select>

---

Für ältere Browsercheck polyfill Optionen von forEch und Array.from Methoden.

---

Auch können Sie den Code vereinfachen call() mit forEach()

[].forEach.call(document.querySelectorAll("input, select,textarea"), function(ele) { 
 
    ele.setAttribute("autocomplete", "off"); 
 
});

<textarea></textarea> 
 
<input /> 
 
<select></select>

mit