Чтобы добавить id к div, в котором был вставлен курсор, вам понадобится использовать JavaScript. Ниже я приведу несколько способов реализации этой задачи.
1. Настройка обработчика событий:
document.addEventListener('click', function(event) {
let target = event.target;
if (target.tagName === 'DIV') {
target.id = 'новый_id';
}
});
В этом примере мы добавляем обработчик событий клика, и для каждого элемента, на который происходит клик, проверяем, является ли он <div>. Если да, то устанавливаем ему новый id.
2. Использование метода querySelectorAll:
let divs = document.querySelectorAll('div');
divs.forEach(function(div) {
div.addEventListener('click', function() {
this.id = 'новый_id';
});
});
Здесь мы используем метод querySelectorAll, чтобы получить все элементы <div> на странице. Затем мы добавляем обработчик событий клика для каждого <div> и устанавливаем новый id для текущего элемента.
3. Использование делегирования событий:
document.addEventListener('click', function(event) {
let target = event.target;
if (target.matches('div')) {
target.id = 'новый_id';
}
});
В этом примере мы используем делегирование событий, прослушивая событие клика на родительском элементе (например, <body> или <html>) и проверяя, является ли цель клика <div>. Если да, то мы устанавливаем новый id для этого элемента.
Все эти способы позволяют добавить id к <div>, в котором был вставлен курсор. Выберите подход, наиболее подходящий для вашего случая и используйте его в вашем проекте.