Почему JS не находит элемент по ID?

Question

[Дмитрий Носиков]

Добрый день, коллеги! Столкнулся с проблемой на ровном месте, не могу понять, в чем суть. С помощью JS получаю див по его ID, далее, пытаюсь найти в этом диве вложенный элемент с другим ID, на что получаю ошибку. Подскажите, где я ошибся? Буду очень благодарен.

console.log(document.getElementById('Rd1Chf').getElementById('irc_cc'));

Ошибка: Uncaught TypeError: document.getElementById(...).getElementById is not a function at :1:47

Answer 1

[Сергей Соколов]

у элемента нет метода getElementById() – только у document. См. методы Element.

id должен быть уникален в рамках всего документа, поэтому сразу вызывайте document.getElementById('irc_cc')

Comments

[Дмитрий Носиков]

Спасибо за ответ. Знаю, что можно было обратиться напрямую к irc_cc, просто для себя хотел разобраться, в чем проблема.

[Владимир Обабков]

Интересно, такой эффект вызывают цепочки JQuery у неподготовленных ?)

[Дмитрий Носиков]

Владимир Обабков, бывает и такое) Просто интересно, что у объекта Element есть метод getElementsByClassName, но нет метода getElementById. Хотя, в принципе, как и сказали в теме, id должен быть в DOM дереве уникальным элементом, и надобность в таком методе отпадает сама собой, в силу спецификации)

[Владимир Обабков]

Дмитрий Носиков, В том то и суть что вы когда пишете :

document.getElementById('Rd1Chf').getElementById('irc_cc')

Первый раз запрашиваете у объекта document метод .getElementById

А вот когда составляете цепочку типа :
getElementById('Rd1Chf').getElementById('irc_cc')

Вы пытаетесь вызвать метод getElementById у того что возвращает вам document.getElementById('Rd1Chf')
Т.е вызываете метод у элемента

И вот ещё вопрос.. почему пишете на таком старом стандарте ?
Ведь давно уже есть document.querySelector

[Дмитрий Носиков]

Владимир Обабков, спасибо большое) Я понимаю) На счет цепочки вызовов - это знаю) На счет старого стандарта, просто было интересно в качестве эксперимента, а так, для разработки, я использую JQuery в основном. Редко где использую натив. Просто нужен был букмарклет, и как то дошло до такой замечательной цепочки, которая, естественно - не заработала)

Answer 2

[Rsa97]

Искать таким образом смысла нет, id должен быть уникален в пределах страницы. Достаточно document.getElementById('irc_cc');

Comments

[Дмитрий Носиков]

Спасибо большое)) Хотел разобраться, почему не работает именно тот код, который я представил в ответе) НА счет того, что можно было сразу получить irc_cc, знаю)))