Как записать id html объекта в переменную в javascript?

04 февраля 2022, 07:40

Нужно что бы при нажатии на html(<div>) объект, в переменную записывался его id!

function click(){
    var a = document.АЙДИ выбранного объекта;
};

Answer 1

var $divs = document.querySelectorAll('div');
for (let i = 0; i < $divs.length; i++) {
    const element = $divs[i];
    element.addEventListener('click', function() {
        let id = this.id;
        console.log(id);
    })
}

Answer 2

Это для первого <div> в DOM.

const div = document.querySelector('div') 
 
div.addEventListener('click', function() { 
  console.log(this.id) 
})

<div id="identifier">Here is ID</div>

Это для всех <div> на странице, c применением оператора for...of

const divsCollection = document.querySelectorAll('div') 
 
for (let div of divsCollection) { 
  div.addEventListener('click', function() { 
    console.log(this.id) 
  }) 
}

div { margin: .5rem; border: 1px solid #ccc; display: inline-block; }

<div id="1">1</div> 
<div id="2">2</div> 
<div id="3">3</div> 
<div id="4">4</div> 
<div id="5">5</div> 
<div id="6">6</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

TEXTAREA получение value с помощью JS

Выводит только это (input), а textarea нет {name: "Имя Фамилия О", data: "2020-W02"}

105

javascript

Кастомная стилизация input,select,datalist

При верстке странички наткнулся на один интересный элемент - input,select или database

javascript

api музыкального сайта

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

javascript

"Вспышка" background-color при клике на кнопке

как сделать чтобы при клике на кнопке button background элемента <div id="div1" class="div1"></div> плавно стал на 05 секунд background-color:red; и затем вернулся бы как...

543