document get element by id возвращает null

Question

html

<p id="encode-span">aaaaaaaaaaaa</p>

js

const encode = document.getElementById('encode-span').value;
console.log(encode);

Answer 1

Во-первых у вас возможно ещё не прогрузился DOM и поэтому на момент срабатывания метода такого элемента ещё нет на странице. Поэтому надо попробовать сделать это после загрузки страницы.

Во-вторых у p нет атрибута value, но есть textContent и innerHTML

document.addEventListener("DOMContentLoaded", ready);

function ready() {
    const encode = document.getElementById('encode-span').textContent;
    console.log(encode);
}

<p id="encode-span">aaaaaaaaaaaa</p>

БЛОГ НА HUSL

document get element by id возвращает null

Ответы (1 шт):