Как вставить шаблонную строку перед нужным мне HTML элементом?

Question

[Василий]

Как вставить шаблонную строку перед нужным мне HTML элементом ?
Тут я пытаюсь вставить строку как эллемент, когда использую метод .insertAdjacentElement()
Подскажите подобный метод только чтобы можно было вставлять строки

const btnSub = document.querySelector(options.buttonSubmit);

const errorDiv = `<div class="error-mesage">E-Mail or password is incorrect</div>`;

btnSub.insertAdjacentElement('beforebegin', errorDiv);

Comments

[longclaps]

эллллллллллллллллллллллллллллллллллллллллллллллллллллллллллллемент

Answer 1

[0xD34F]

Нормальный способ - воспользоваться специально предназначенным для этого методом:

element.insertAdjacentHTML('beforebegin', html);

Ненормальный - выполнять парсинг строки и добавление узлов раздельно:

element.before(...new DOMParser()
  .parseFromString(html, 'text/html')
  .body
  .childNodes
);

// или

element.parentNode.insertBefore(
  document.createRange().createContextualFragment(html),
  element
);

И, наконец, дикий - перезаписывать разметку элемента:

element.outerHTML = html + element.outerHTML;

Comments

[Василий]

Как раз нагуглил его и хотел уже сюда ответить))

Answer 2

[Stockholm Syndrome]

insertAdjacentHTML