Так же в случае недоступности сервера картинки не будет появляться значок ошибки загрузки изображения
Это реализовано для того, чтобы была возможность добавлять другие элементы внутри поверх картинки в случае необходимости.
Можно также с img сделать. Абсолютное позиционирование никто не отменял.
<datalist>
.function goFullTask() {
if (event.target.tagName !== "a") {
location.href = event.currentTarget.dataset.href;
}
}
function goFullTask() {
if (event.target.classList[0] !== "task__character-phone") {
location.href = event.currentTarget.getAttribute("data-href");
}
}
<div class="tasks__item task task--overdue" data-href="https://toster.ru" onclick="goFullTask();">
<div class="tasks__item task task--overdue" href="#">