将动作转换为跨浏览器兼容

Question

所以我正在使用下面的代码根据更改事件执行一些操作，但并非所有浏览器（IE、Edge 等）都支持 for ( .. of ..) 调用 - 什么会是我转换它的最佳方式吗？

var inputElements = document.querySelectorAll('.rtd3_change');

function rtd3Confirmation() {
    if (document.querySelectorAll('.rtd3_change:checked').length) {
        formWrapperCertainSelection.style.display = '';
        formWrapperConfirm.required = true;
    } else {
        formWrapperCertainSelection.style.display = 'none';
        formWrapperConfirm.required = false;
    }
}

for (var inputElement of inputElements) {
  inputElement.addEventListener('change', rtd3Confirmation);
}

document.addEventListener('DOMContentLoaded', rtd3Confirmation);

感谢大家的帮助！

Answer 1

您可以使用旧的 for 循环：

for (var i = 0; i < inputElements.length; i++) {
  inputElements[i].addEventListener('change', rtd3Confirmation);
}

将动作转换为跨浏览器兼容

Convert for of action to be cross browser compatible

javascript

cross-browser