我需要来自命名节点映射的值

Question

我正在通过一个 html 结构来获得我需要的值。它似乎是一个“NamedNodeMap”，我已经得到了这个电话：

 ui.handle.attributes.getNamedItem("data-value")

在 chrome 控制台中打印时显示：

 data-value="12:00 AM"
    ->"12:00 AM"

我需要获取“12:00 AM”作为值、字符串，任何东西都可以。我只是不知道如何得到它。 .value 在我的电话结束时不起作用，我也尝试了 .text 和许多其他东西。

这是我展开句柄和属性之前 ui 对象的样子：

然后之后：

HTML 标记：

原文由 connor moore 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

.attributes 似乎是一个“NamedNodeMap”，我已经调用了 .attributes.getNamedItem("data-value")

.attributes 是一个 NamedNodeMap Attr ibut 节点，这是一个相当不推荐的接口。如果你真的想使用它， .value ， .nodeValue 和 .textContent 属性节点的属性你应该在属性节点之后产生：

 ui.handle.attributes.getNamedItem("data-value").value // "12:00 AM"

但是，标准方法是只使用元素的 getAttribute 方法：

 ui.handle.getAttribute("data-value") // "12:00 AM"

在 HTML5 中，甚至还有 .dataset DOMStringMap 专门用于访问数据属性：

 ui.handle.dataset["value"] // "12:00 AM"

原文由 Bergi 发布，翻译遵循 CC BY-SA 3.0 许可协议