Bootstrap DOM属性-无法使用getElementById

Question

<a href="javascript:" class="btn btn-default btn-xs btn-email-copy" data-id="8057492" data-type="receipt_email" data-hash="76af85cb574e88b8c802f56044a06b9f" title="" data-original-title="test">test</a>

我单击按钮将电子邮件复制到剪贴板中。现在，我试图在剪贴板中捕获变量的值。

var test = document.getElementByName('8057492');

但是控制台说值是空的...我试图访问对象a.btn.btn-default.btn-xs.btn-email-copy，但不知道该怎么办？

Answer 1

您提供的HTML中没有name属性或id属性。因为这些属性在HTML中不存在，所以引用它们的选择器将返回null。

似乎您正在尝试通过引用示例data-id="8057492"标签的<a>属性来获取元素。此属性是data attribute，而不是ID。

您可以通过使用JavaScript query selector函数在data-id属性等于8057492的页面上选择第一个元素来访问数据属性：

document.querySelector("*[data-id='8057492']");