Проверка getElementByName

Question

Я знаю, как получить поля для проверки с помощью JavaScript, используя такие методы, как getElementById и т. Д. Для этого экземпляра мне нужно использовать метод getElementByName. У меня ошибка 'Cannot read property 'nodeValue' of null в console.log.

Вот код, который я использовал с методом getElementByName, который работал

HTML

<button name="button1">Hello</button>
<div class="form-row">    
            <div class="field w100">    
                <label for="primary_phone">Primary phone (digits only) *</label>
                <input type="text" name="primary_phone" id="primary_phone" placeholder="hello"></input>

        </div>
    </div>   
    <div class="form-row">      
        <label for="confirm_phone">Confirm phone (digits only) *</label>
        <input type="text" name="confirm_phone" id="confirm_phone"></input>    
    </div> 
  </div>

JavaScript

var btn1 = document.getElementsByName('button1')[0];
var btn1Text = btn1.firstChild.nodeValue;
console.log(btn1Text);

Ниже приведен код, который возвращает ошибку.

HTML

<button id="button">Button</button>

JavaScript

function validate() {

    var primaryNo = document.getElementsByName('primary_phone')[0];
    var confirmNo = document.getElementsByName('confirm_phone')[0];
    var primaryValue = primaryNo.firstChild.nodeValue;
    var confirmValue = confirmNo.firstChild.nodeValue;

        if (primaryValue !== confirmValue) {
            alert('Numbers do not match');
        } else {
            alert('congratulations')
        }
};

var btn = document.getElementById('button');
btn.addEventListener('click', validate, false);

Есть идеи?

Answer 1

Похоже, у вас input поля, значение которых вы пытаетесь получить.

В этом случае у них нет дочерних элементов, вместо этого вам нужно получить их value лайк

var primaryValue = primaryNo.value;
var confirmValue = confirmNo.value;

Answer 2

Что является результатом var btn1 = document.getElementsByName('button1')[0]; в консоли (console.log(btn1);)?

Будьте осторожны с именами тегов: button, button1... возможно, у вас ошибка синтаксиса.