访问HTML数据集

Access HTML dataset

本文关键字：数据集 HTML 访问      更新时间：2023-09-26

我正在尝试访问HTML中的数据集。正常情况下，如果是：

<td data-mmyyyy="23"></td>

你可以用访问它

tdObj.dataset.mmyyyy

但出于某种原因，这对我在这里不起作用。

var mmyyyy = tds[i].dataset.mmyyyy.split('/');

我在调试器上停止了它，并从控制台输出以下内容：

tds // (ME)
  [(enumerated td nodes)] // (CONSOLE)
tds[i] // (ME)
  <td> // (CONSOLE)
    <a href="#" data-mmyyyy="3/2015">22</a>
  </td>
tds[i].dataset // (ME)
  DOMStringMap {}  // (CONSOLE)
tds[i].dataset.mmyyyy // (ME)
  undefined  // (CONSOLE)

有人能告诉我如何以不同的方式访问该数据属性吗？谢谢

如果你更好地查看控制台，你会看到它记录了以下内容：

<td>
    <a href="#" data-mmyyyy="3/2015">22</a>
</td>

因此，根据控制台记录的数据，您试图访问的dataset不在<td>元素上，而是在其<a>子元素上。

要访问它，您可以这样做：

tds[i].children[0].dataset.mmyyyy

或者，更好的是，使用querySelector:

tds[i].querySelector("a").dataset.mmyyy

我的错误！数据集位于标记中的标记上。因此，正确的访问者将是

tds[i].children[0].dataset.mmyyyy
相关文章：