Не удается получить дочерний элемент родителя, в чем проблема?

Question

[gidra666]

var parent = this.closest('div').className;
console.log("parent: " + parent);

var child = parent.children(".b24-form-control-label"); 
console.log("children: " + child);

Результат:

parent: b24-form-control-container b24-form-control-icon-after

Uncaught TypeError: parent.children is not a function

Answer 1

[Mizutsune]

Свойство children хранит в себе псевдомассив дочерних элементов. Дочерними элементами считаются все теги, которые непосредственно расположены внутри блока. Подробнее можно прочитать в документации.

Ну, а так... интересная конечно строка:

var parent = this.closest('div').className;

Как вы думаете что содержит в себе переменная parent? HTMLElement или строку содержащую селектор класса выбранного элемента?

В общем правильнее сделать так:

const parent = this.closest('.parent-selector');
const child = parent.querySelector(".b24-form-control-label");

И вообще, пора бы уже использовать const/let вместо устаревшего var.

Answer 2

[Sergei Nazarenko]

потому что Element.children is a property but not a function
https://developer.mozilla.org/en-US/docs/Web/API/E...