使用选择器在客户端恢复数据——JavaScript答案

【问题标题】：Recovery data in client side using selectors -- JavaScript使用选择器在客户端恢复数据——JavaScript
【发布时间】：2020-10-31 18:38:16
【问题描述】：

晚安，

我在检索标签值时遇到问题；

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

我不明白为什么会这样......

我需要恢复所有工资值。

谢谢 =)

【问题讨论】：

.value 是获取标签内的值，因为您的值在属性内，您应该使用 getAttribute('value')

标签： javascript php html node.js frontend

【解决方案1】：

p 元素没有value 属性。 如果要自定义属性，可以在属性名称前加上data-，如：

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

&lt;p id="salarys" data-value="R$ 6.000,00"&gt;&lt;/p&gt;

或者，如果您想在段落元素中使用向用户显示的文本，则可以在textContent 属性中使用：

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

&lt;p id="salarys"&gt;R$ 6.000,00&lt;/p&gt;

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：