привязать текст в div к переменной

119
17 сентября 2019, 08:00

есть список категорий который я получаю по апи ,при клике на эту категорию я должен получать ее название . Все категории это гиперссылки (по заданию) при клике на которые я должен отправлять запрос с названием этой категории и не перезагружать страницу. Допустим есть <div id='items'> <a href=movie></a>movie</div>

let currentCategory;
    let items = document.querySelectorAll("#items");
for (let i = 0; i < items.length; i++) {
        items[i].addEventListener('click', function(e) {
            e.preventDefault();
           let value= document.getElementById("#items");
           alert(value); 
            return false;
        });

в коде я отменяю перезагрузку при клике ,но как получить содержимое и записать его в переменную я не понимаю

Answer 1

Вам нужно заменить id на class и если вам нужно достать значение movie из div, то вам надо взять последнего потомка у вашего дива. Можете воспользоваться такой конструкцией this.lastChild.data

let currentCategory; 
const items = document.querySelectorAll('.items'); 
for (const item of items) { 
  item.addEventListener('click', function(e) { 
    e.preventDefault(); 
    const value = this.lastChild.data; 
    alert(value); 
    currentCategory = value; 
    return false; 
  }); 
}
<div class="items"> <a href="movie"></a>movie</div>

READ ALSO
Javascript Скрыть элемент при data == true

Javascript Скрыть элемент при data == true

Есть такая функция, как правильно написать, что бы при data == true элемент скрывался

116
GetElementsByName в HTML5

GetElementsByName в HTML5

Получаю я скриптом элементы с некоторым именем:

133
Как создать обратный эффект при скролле наверх?

Как создать обратный эффект при скролле наверх?

При скролле первого экрана из картинки плавно появляется видео, а после уже листается контент

122