Как добавить HTML тег с классами на Js?

Question

[MaesTro544]

При клике по кнопке мне нужно создавать заранее заготовленный блок. Я пытался добавлять кусок HTML кода с помощью метода createElement(), но хром выдавал странную ошибку. Не знаю что с этим делать.





ссылка на код: https://codepen.io/maestro455/pen/RwVebWQ

Answer 1

[Михаил]

createElement так не умеет. Попробуйте insertAdjacentHTML

Answer 2

[JSjun26]

Используй обратные кавычки(``):

function create() {
    var createBlock = document.getElementById('block-container');
    createBlock.innerHTML = `
       <div class="adv-item">
            <div class="adv-picture-block">
                <img src="" alt="">
            </div>
        </div>
    `
}

Запиши в обратные кавычки все что надо добавить.

Comments

[MaesTro544]

появляется такая ошибка (на скрине)

при выполнении следующего скрипта:

document.getElementById('confirm').onclick = function() {
    var createBlock = document.getElementById('block-container');
    var block = null;
    createBlock.innerHTML = `
    <div class='adv-item'></div>
    `;
};

[JSjun26]

MaesTro544, элемент с id = 'block-container' есть у вас в html?

[JSjun26]

MaesTro544, а ошибка на 820 строчке никак не связана с этим, вы наверное не подключили jquery
или подключили после основного файла. можно посмотреть на ваш html?