aria属性を追加するjavascript

Question

wordpressのninjaフォームからいくつかのフォーム要素にaria-required = "true"属性を追加しようとしています。私はプラグインを挿入するヘッダー/フッターのスクリプトを使用しています。しかし、私のコードを実際に動かすことはできません。どんな助けでも大歓迎です！

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>

Answer 1

あなたはsetAttributeを使用する必要がx[i].setAttribute("aria-required", "true");

Answer 2

とx[i].addAttribute("aria-required", "true");を交換してみてください。またcodeAddress機能

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>