Восстановление данных на стороне клиента с помощью селекторов - JavaScript

Question

Спокойной ночи,

У меня проблемы с получением значения тега;

let salarys = document.querySelectorAll('#salarys');

//return => NodeList(9) [p#salarys, p#salarys, p#salarys, p#salarys, p#salarys, p#salarys, 
p#salarys, p#salarys, p#salarys].

когда я обращаюсь к вектору в позиции 0

, он возвращает

<p id="salarys" value="R$ 6.000,00"></p>

Моя проблема в том, что я не могу получить значение

, когда использую сценарий

 console.log(salarys[0].value);
 // return undefined

Я не могу понять, почему это происходит ...

Мне нужно восстановить все зарплаты.

Спасибо =)

Answer 1

попробуйте это:

let salarys = document.querySelectorAll('#salarys');
console.log(salarys[0].getAttribute("value"));

Answer 2

Элемент p не имеет атрибута value. Если вы хотите создать собственный атрибут , вы можете добавить к имени атрибута префикс data-, например:

const
  salarys = document.getElementById("salarys"),
  val = salarys.dataset.value; // Access data-properties via `dataset`
console.log(val);

<p id="salarys" data-value="R$ 6.000,00"></p>

В качестве альтернативы, если вы хотите использовать текст, который отображается пользователю в элементе абзаца, это доступно в textContent свойство:

const
  salarys = document.getElementById("salarys"),
  text = salarys.textContent;
console.log(text);

<p id="salarys">R$ 6.000,00</p>