?? Microsoft ?????? ? ??? ???? ??

? ???????? ?? ??? ?? ????? ????? ???? Internet Explorer 11 ? Microsoft Edge?? ??? ??????. IE9 ? ?? ???? ?? ??? ??? ? ??? ?????? ???? forEach ??? ???? ???? ?? ???? ???????.

?? ??

forEach ???? ????? ?? ??? ???? ? ??? ??? ???? ? ?????. ? ?? ???? ?? ???? ?? ??? ???? ??? ??????. ??? ?? ?? ?? ?? ??? ???????.

var color_btns = document.querySelectorAll('#color > p');
color_btns.forEach(function(color) {
    color.onclick = function () {
        color_btns.forEach(function(element) {
            if (element.classList.contains('selected')) {
                element.classList.remove('selected');
            }
        });
        color.classList.add('selected');
        document.querySelector('#f_color').value = color.dataset.id;
    };
});

Internet Explorer ? Microsoft Edge?? ???? ???? ?? forEach ??? NodeList? ??? ???? ??? ??????. querySelectorAll?? ???????.

?? ??

?? ?? ?? querySelectorAll ? ??? ????? ???? ?? ??? NodeList ? HTMLCollection? ??? ?? ??? ???????. ?? ??? ??? ?? ?????. JavaScript?? ?? ?? ??? for-of ??, ?? ??? ?? ?? ?? ??? ???? ??? ? ?? ?????.

NodeList ??? ?? forEach ???? ?? ??? ???? HTMLCollection ??? ???? ??? ???? ?? ??? ???? ????. ??? ???? ??. ?? HTMLCollection? forEach ???? ???? ????? ?? ??? ??? ? ?? ??? ?? ???? ??? ?? ?????.

Polyfilling forEach

? ??? ????? ??? ???? ?? ????. NodeList ??? ?? forEach ???? ??????. ????? ????? ???? ?? ??? ???? ???? ??? ?????. ?? ?? ??? NodeList? ?? forEach? ???? ? ????.

if (typeof NodeList !== "undefined" && NodeList.prototype && !NodeList.prototype.forEach) {
    NodeList.prototype.forEach = Array.prototype.forEach;
}

? ??? ??? ?? ?? ??? ?? ??, ?? ?? ? ?? ??? ?? true?? ?? ? ???? ??? ?????.

??? ???

?? NodeList ??? ?? ???? ??? for-of ?? ? ???? ???? ???? ??? ??? ?? ????. ?? ?? ???? ???? ??? ? ????.

if (typeof Symbol !== "undefined" && Symbol.iterator && typeof NodeList !== "undefined" && NodeList.prototype && !NodeList.prototype[Symbol.iterator]) {
    Object.defineProperty(NodeList.prototype, Symbol.iterator, {
        value: Array.prototype[Symbol.iterator],
        writable: true,
        configurable: true
    });
}

??? ?? ?

??? ???? ???? ?? ??? ???? ???? ?? ???? ???? ??? ? ????. ????:

// Polyfilling forEach for NodeList
if (typeof NodeList !== "undefined" && NodeList.prototype && !NodeList.prototype.forEach) {
    NodeList.prototype.forEach = Array.prototype.forEach;
}

// Polyfilling iterability for NodeList
if (typeof Symbol !== "undefined" && Symbol.iterator && typeof NodeList !== "undefined" && NodeList.prototype && !NodeList.prototype[Symbol.iterator]) {
    Object.defineProperty(NodeList.prototype, Symbol.iterator, {
        value: Array.prototype[Symbol.iterator],
        writable: true,
        configurable: true
    });
}

var color_btns = document.querySelectorAll('#color > p');
color_btns.forEach(function(color) {
    color.onclick = function () {
        color_btns.forEach(function(element) {
            if (element.classList.contains('selected')) {
                element.classList.remove('selected');
            }
        });
        color.classList.add('selected');
        document.querySelector('#f_color').value = color.dataset.id;
    };
});

? ????? ?? ??? Internet Explorer ? Microsoft Edge? ??? ?? ?????? ??? ?? ???? ???.

? ??? Internet Explorer ? Microsoft Edge?? forEach ??? ???? ?? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!