[英]Access HTML dataset
我正在尝试访问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)
谁能告诉我如何以不同的方式来访问该数据属性? 谢谢。
我的错! 数据集位于标签内的标签上。 因此正确的访问器将是
tds[i].children[0].dataset.mmyyyy
如果您在控制台上看起来更好,则会看到它记录了以下内容:
<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
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.