訪問HTML數據集

Question

我正在嘗試訪問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)

誰能告訴我如何以不同的方式來訪問該數據屬性？ 謝謝。

Answer 1

我的錯！ 數據集位於標簽內的標簽上。 因此正確的訪問器將是

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

Answer 2

如果您在控制台上看起來更好，則會看到它記錄了以下內容：

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

因此，根據控制台記錄的dataset您嘗試訪問的dataset不在您的<td>元素上，而是在其<a>子元素上。

要訪問它，您可以執行以下操作：

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

或者，更好的是使用querySelector ：

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