Когда в innerHTML писать кавычки?

Question

Такой вопрос: если я напишу кавычки в этом случае, будет выводиться ане в качестве переменной, а в качестве буквы.

const a = 5;
const out = document.querySelector('.out');

out.innerHTML = ('a');

<div class="out"></div>

Если здесь я напишу код с кавычками, все сработает правильно.

const out = document.querySelector('.out');

out.innerHTML = ('<button>Кнопка</button>');

<div class="out"></div>

Какая тут логика? Получается, что если элемент является внешним по отношению к скрипту, мы указываем кавычки, а если внутренним - нет? Или как?

Answer 1

Логика очень простая. innerHTML может содержать в себе html строку. "а" и <button>Кнопка</button> это разные строки и представляются на странице разному.

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки веб-страниц во Всемирной паутине. Код HTML интерпретируется браузерами; полученная в результате интерпретации страница отображается на экране монитора компьютера или мобильного устройства.

БЛОГ НА HUSL

Когда в innerHTML писать кавычки?

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