Почему возникает ошибка с if?

Question

[Yulia Khavaeva]

у меня есть массив

let entryChildrenChildrenHasAttr = []

Я его заполняю элементами


И проверяю есть ли атрибут у элементов

for(let i = 0; i < entryChildrenChildren.length; i++) {
        for(let j = 0; j < entryChildrenChildren[i].length; j++) {
            if (entryChildrenChildren[i][j].hasAttribute('x-make')) {
                entryChildrenChildrenHasAttr.push(entryChildrenChildren[i][j])
            }
        }
    }

Но js сообщает об ошибке

Почему так происходит и как исправить?

Answer 1

[Alexandroppolus]

на скриншоте видно, что entryChildrenChildren[i][j] могут быть как элементами, так и текстовыми нодами. У последних нет hasAttribute.

перед вызовом hasAttribute проверяй наличие этой функции у объекта entryChildrenChildren[i][j]

Comments

[Yulia Khavaeva]

а как сделать проверку, есть ли у объекта функция?

[Alexandroppolus]

Yulia Khavaeva,

if (entryChildrenChildren[i][j].hasAttribute && entryChildrenChildren[i][j].hasAttribute('x-make')) {

ещё есть относительно новая фича js, не доступная в старых браузерах:

if (entryChildrenChildren[i][j].hasAttribute?.('x-make')) {

[Yulia Khavaeva]

Alexandroppolus, спасибо, очень круто и снимаю перед вами шляпу, помогли!