时间戳

首页 > 解决方案 > 从 HTML 片段中提取值属性

javascript - 从 HTML 片段中提取值属性

问题描述

我正在尝试value从 HTML 文件中提取属性。我曾经querySelectorAll获取文件中的所有节点。谁能帮助我如何只value从文件中获取属性。

const nodes = document.querySelectorAll("add")
console.log(nodes)
<div>
  <add value="abc"></add>
  <add value="def"></add>
  <add value="ghi"></add>
</div>

标签： javascripthtml

解决方案

请务必value通过添加[value]到查询来检查所选节点是否具有该属性。

注意：这里我使用 ES6 扩展运算符将 NodeList 作为数组获取。

const nodes = document.querySelectorAll("add[value]")
console.log([...nodes].map(n => n.getAttribute("value")))
<div>
  <add value="abc"></add>
  <add value="def"></add>
  <add value="ghi"></add>
</div>

推荐阅读