Как получить значение id из объекта?

Question

[Александр]

Не знаю как что правильно называется, так что заранее извиняюсь :) В JS я полный ноль.

Есть переменная (точнее элемент объекта видимо, т.к. это [object HTMLDivElement]) this.tracker
console.log(this.tracker) говорит, что в ней в этот код:

<div class="bx-ui-slider-range" id="drag_tracker_184" style="left: 0;right: 0;">
<a class="bx-ui-slider-handle left" style="left:0;" href="javascript:void(0)" id="left_slider_184"></a>
<a class="bx-ui-slider-handle right" style="right:0;" href="javascript:void(0)" id="right_slider_184"></a>
</div>

Из этого кода мне нужно получить первый id, т.е. в данном примере в новую переменную записать "drag_tracker_184".

Подскажите, как это сделать?

Answer 1

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

Попробуйте this.tracker.id

Comments

[Александр]

Да! Только что, методом тыка сам до этого дошел. Не думал, что так просто.

Answer 2

[Leo Developer]

this.tracker.querySelectorAll("[id]")[0]

Comments

[Александр]

Видимо не то,

keyParam = this.tracker.querySelectorAll("[id]");
console.log(keyParam);

В консоле:

<a class="bx-ui-slider-handle left" style="left: 0%;" href="javascript:void(0)" id="left_slider_184"></a>

[Leo Developer]

элемент с id - drag_tracker_184, как я понял это и есть this.tracker .Поэтому выбирается первый элемент у которого есть id и КОТОРЫЙ хранится именно в this.tracker . Если тебе нужен именно первый трекер с id, то сделай так -

this.tracker.parentNode.querySelectorAll("[id]")[0]

Answer 3

[Иван Вишневский]

Если мы имеем дело со строкой, и не помогают стандартные методы:

const out = (/id="\w*"/).exec(this.tracker.split('\n')[0])[0].replace(/(id="|")/g, '');

Comments

[Александр]

как я понимаю, это не строка. это [object HTMLDivElement]

[Иван Вишневский]

Александр: Тогда очень странно. Конечно, вы всё ещё можете перевести это в строку и воспользоваться моим методом, но... Попробуйте вот так:

const id = this.tracker.childNodes[0].id // Берём первого ребёнка и пытаемся взять его id

Если не поможет, проанализируйте ответ, который приходит от this.tracker.childNodes.