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

oВы пытаетесь получить

 data-id="8057492"

Таким образом, вы либо создаете id-тег

id = "8057492"

<a href="javascript:" id="8057492" 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.getElementById("8057492");
var testValue = test.innerHTML;  // Here we got the email address if its >test<

также можно выполнить за один шаг, если тест должен содержать адрес электронной почты

 var test = document.getElementById("8057492").innerHTML;

, теперь ваша консоль должна отображать правильные данные. Если вам нужно использовать data-id, решение более сложное, но решаемое. Я бы go для уникального идентификатора, такого как id = "emailuser", выбрал бы это
Если у вас есть разные data-id или вы go для селектора класса btn .... email Если есть только один на страница это должно быть

var testVar= document.getElementsByClassName("btn...email");
var test = testVar[0];

Answer 2

Нет атрибута name или id в предоставленной вами HTML. Поскольку эти атрибуты отсутствуют в вашем HTML, а селектор, ссылающийся на них, вернет значение null.

Похоже, вы пытаетесь получить элемент по ссылке на атрибут data-id="8057492" образца * 1006. * тег. Этот атрибут является атрибутом данных , а не ID .

Вы можете получить доступ к атрибутам данных с помощью функции JavaScript селектора запросов , чтобы выберите первый элемент на странице, чей атрибут data-id равен 8057492:

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