Почему нельзя установить свойство innerHTML равным null?

Question

[Kosmonaft24]

Почему выдает ошибку: test.js:24 Uncaught TypeError: Cannot set property 'innerHTML' of null at addMes (test.js:24)

function addMes() {

    if (quantity != undefined || null) {
        document.getElementById("quantity").innerHTML = quantity; // 24
        $('#quantity').css('display', 'flex'); 
        let li = document.createElement('li');
        li.innerHTML = "<div>От:<p id='name'></p></div> <div><p id='text'></p></div>";
        document.querySelector('#messegs').append(li);
        valume()
    } else {
        $('#quantity').css('display', 'none');
        let li = document.createElement('li');
        li.innerHTML = "<p>От:</p> <div><p></p></div>";
        document.querySelector('#messegs').append(li);
    }

    function valume() {
        document.getElementById("name").innerHTML = name;
        document.getElementById("text").innerHTML = text;
    }

}

Comments

[Ярослав Иванов]

document.getElementById("quantity").innerHTML = quantity; // 24
$('#quantity').css('display', 'flex');

Не перестаю удивляться jQuery-программистам.

[Kosmonaft24]

Ярослав Иванов, Я не программист на jQuery, я его даже еще не изучал. Все что вы здесь видите, это то с чем я сталкивался на практике.

p. s. Объясните если, вам не лень, что здесь не так ? (буду благодарен)

[Ярослав Иванов]

Kosmonaft24, если используете jquery то нет смысла использовать нативный javascript.
Вместо querySelector используйте функцию $()

Answer 1

[Юрий]

Вы неправильно поняли сообщение об ошибке. Невозможно установить свойство innerHtml для null.
У вас какой-то из getElementById вернул null, то есть нет элемента с нужным id на странице.

Comments

[Kosmonaft24]

Спасибо, буду искать.