Javascript, um das Arienattribut hinzuzufügen

Lesezeit: 1 Minute

Ich versuche, aria-required=”true”-Attribute zu einigen Formularelementen aus Ninja-Formularen in WordPress hinzuzufügen. Ich verwende ein Header/Footer-Skript-Inject-Plugin. Aber ich kann meinen Code nicht zum Laufen bringen. Jede Hilfe wäre sehr willkommen!

http://champion.magnet.today/contact/

<script>
function codeAddress() {
    var x = document.getElementsByClassName("nf-element");
    var i;
    for (i = 0; i < x.length; i++) {
        x[i].addAttribute("aria-required", "true");
    }
window.onload = codeAddress
}
</script>

<div class="nf-field-element">
    <input id="nf-field-17" name="nf-field-17" class="ninja-forms-field nf-element" type="text" value="" placeholder="First Name">
</div>

Sie müssen verwenden setAttribut. Auch window.load sollte außerhalb des sein codeAddress Funktion

function codeAddress() {
  var x = document.getElementsByClassName("nf-element");
  var i;
  for (i = 0; i < x.length; i++) {
    console.log(x[i])
    x[i].setAttribute("aria-required", "true");
  }

}
window.onload = codeAddress

<div class="nf-field-element">
  <input id="nf-field-17" name="nf-field-17" class="ninja-forms-field nf-element" type="text" value="" placeholder="First Name">
</div>

Gerade probiert, immer noch kein Glück. Ich bin mir nicht sicher, ob es daran liegt, dass die Formularelemente über das Ninja-Formular-Plugin generiert werden. Ich habe es getestet, indem ich es mit einer Schaltfläche ausgeführt habe, und es scheint zu funktionieren. Gibt es eine Methode, damit es ohne Funktion auf der gesamten Seite funktioniert?

– Trishan Kuventhirarajah

12. Juni 2017 um 16:24 Uhr
Wahrscheinlich nicht die beste Methode, aber ich habe eine Verzögerung verwendet und es scheint jetzt gut zu funktionieren. setTimeout (function() {codeAddress();}, 2000);

– Trishan Kuventhirarajah

12. Juni 2017 um 16:43 Uhr

versuchen zu ersetzen x[i].addAttribute("aria-required", "true"); mit x[i].setAttribute("aria-required", "true");

14426100cookie-checkJavascript, um das Arienattribut hinzuzufügen

#Abfrage #html #Javascript #wai-aria #WordPress