javascript 添加 aria 属性

Question

我正在尝试将 aria-required="true"属性添加到 WordPress 中忍者表单的某些表单元素中。我正在使用页眉/页脚脚本注入(inject)插件。但我似乎无法让我的代码实际工作。任何帮助将不胜感激!

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 。另外window.load应该在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>