Выбор элемента в javascript на основе типа и класса

Question

Можно ли в одну строчку выбрать элемент <input type="text" class="price" style="width: 96px;"> ? Т.е. выбрать только этот input, с классом price, инпуты с другими классами или вовсе без классов не выбирать? Без jquery.

Answer 1

Если по каким-то религиозным причинам вам не разрешено использовать id элемента для таких операций (что есть обычной практикой), то выборку нужного элемента на странице можно сделать так.

const priceElem = document.querySelector('input[type="text"].price');
if (priceElem) {
    console.log('price =', priceElem.value);
} else {
    console.log('Элемент не найден');
}

<input type="text" class="price" style="width: 96px;" value='99.99'>
<input type="text" class="price" style="width: 96px;">
<input type="text" class="price" style="width: 96px;">

Приймите во внимание, что код забирает значение только первого элемента в DOM дереве.

БЛОГ НА HUSL

Выбор элемента в javascript на основе типа и класса

Ответы (1 шт):