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

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 标记:

Answer 1

.attributes appears to be a "NamedNodeMap" and I have gotten as far as calling .attributes.getNamedItem("data-value")

.attributes是 Attribute nodes 的 NamedNodeMap ，这是一个非常不推荐使用的界面。如果你真的想使用它，属性节点的 .value、.nodeValue 和 .textContent 属性应该产生你的文本值之后:

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

但是，标准方法是只使用 getAttribute method你的元素:

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

对于 HTML5，甚至还有 .dataset DOMStringMap 专为访问数据属性而设计:

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