document.getElementsByClassName ('className') дает неопределенный, когда это не

Question

Я работаю над программой на Angular 2, и на странице мне нужно вставить форму Google.

Когда пользователь отправляет форму, есть кнопка, которая дает заполненную форму и результат,После этого пользователь нажимает на кнопку, чтобы продолжить.Проблема в том, что когда я использую функцию:

document.getElementsByClassName('quantumWizButtonNestedLink exportButtonNestedLink')[0].getAttribute("href");

Когда я набираю ее на консоли, Chrome говорит:

ОШИБКА TypeError: Невозможно прочитать свойство 'getAttribute' из неопределенного

, но если я нажму на кнопку, содержащую ссылку, с Ctrl + Shift + C (это даст мне кодэту кнопку), а затем я пишу в консоли "document.getElementsByClassName..." она дает мне требуемый href ...

У кого-нибудь есть решение для этого?

Answer 1

в коде есть опрос гугл формы, на который пользователь должен ответить.когда пользователь заканчивает заполнять его, появляется кнопка для перехода к следующему шагу.когда пользователь нажимает кнопку, система должна взять «href» результата заполненного опроса.но когда пользователь нажимает на кнопку в журнале хромовой печати, выдает ошибку, массаж атрибута не определен, это код:

<p>  <button type="button"  class="btn btn-link font"id="home">
    <span class="glyphicon glyphicon-home"></span> Home
    </button></p>
        <div class="ttl">
             <h1>Fill the next survey</h1>
        </div>
     <div class="ggl">
        <iframe class="gglFrm" src="https://docs.google.com/forms/d/1m2Oqlrvz2ftgGnYOjNlkgl0WrJrbA23ZtyMwidPOq7s/viewform?chromeless=1&edit_requested=true"></iframe>
</div>
<p>  <button (click)="nxt()" type="button"  class="btn btn-link font">

         Press to continue 
        </button></p>

и функция кнопки: nxt() {

var x = document.getElementsByClassName('quantumWizButtonNestedLink exportButtonNestedLink')[0].getAttribute("href");

}

примечание: на данный момент функции nxt просто нужно взять 'href'