Как взять value по классу

165
20 апреля 2018, 15:12

Есть h1 с названием item`а.

<h1 class="hover_item_name" id="iteminfo1_item_name">Companion</h1>

Как взять название "Companion" из тега h1 по классу hover_item_name и записать его в переменную?

Answer 1

innerHTML

https://developer.mozilla.org/ru/docs/Web/API/Element/innerHTML

var val = document.getElementById("iteminfo1_item_name").innerHTML; 
alert(`Значение: ${val}`)
<h1 class="hover_item_name" id="iteminfo1_item_name">Benevolent Companion</h1>

Answer 2

Для получения текстового содержимого элемента, разумнее использовать свойство textContent, а не innerHTML.
Потому что элемент может содержать вложенные:

let el = document.querySelector('.hover_item_name');  
console.log(`innerHTML: ${el.innerHTML}`);  
console.log(`textContent: ${el.textContent}`); 
<h1 class="hover_item_name" id="iteminfo1_item_name"><span>C</span>ompanion</h1>

Пример также демонстрирует выбор элемента именно по классу, а не по айди.

READ ALSO
js callback после выполнения default функции

js callback после выполнения default функции

Я получаю callback(выше), но мне нужно получить еще один после завершения default действий для fileUploadResponse это возможно сделать?

160
Wordpress и написание jQuery

Wordpress и написание jQuery

Не смог найти ответ в гугле, поэтому спрашиваю здесьПишу плагин на Wordpress и вместо привычно написание $('#id'), приходится писать jQuery('#id') - так...

182
Как зашифровать строку в PHP?

Как зашифровать строку в PHP?

Как зашифровать любой текст по ключу, то есть не имея ключ текст невозможно будет расшифроватьОбъясните пожалуйста на пальцах, как это сделать?

200