2017-06-12 47 views
0

我試圖在wordpress中將來自忍者窗體的某些表單元素添加到aria-required =「true」屬性。我正在使用header/footer腳本注入插件。但我似乎無法讓我的代碼實際工作。任何幫助將不勝感激!JavaScript添加詠歎調屬性

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>

回答

0

嘗試x[i].setAttribute("aria-required", "true");

0

您需要使用setAttribute更換x[i].addAttribute("aria-required", "true");。此外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>

+0

只是去嘗試,仍然沒有運氣之外。我不確定是否因爲表單元素是通過忍者表單插件生成的。我通過使用一個按鈕來運行它,它似乎工作。有沒有一種方法可以讓它在沒有函數的情況下在整個頁面上工作? –

+0

可能不是最好的方法,但我使用了延遲,現在看起來工作正常。 setTimeout(function(){codeAddress();},2000); –

相關問題