Dodawanie kodu html poprzed javascript

Question

Witam, w jaki sposób poprzez javascript wstawić kod html do wybranego znacznika, jednak tak, żeby w przeciwieństwie do innerHTML to, co jest już w znaczniku, nie zostało nadpisane, a nowy kod został jedynie dodany pod spodem?

Answer 1

Dla np.:

[ on-line ]

<ol>
  <li>Lorem</li>
</ol>

const wybrany_znacznik = document.querySelector('ol');

 

1.

wybrany_znacznik.innerHTML += '<li>Lorem</li>';

2.

const li = document.createElement('li');
li.textContent = 'Lorem';
wybrany_znacznik.appendChild(li);

3.

wybrany_znacznik.insertAdjacentHTML('beforeend', '<li>Lorem</li>');

 

Jak widzisz, istnieje kilka sposobów na dodanie nowego kodu HTML do wybranego znacznika bez nadpisywania istniejącego kodu. Każdy z nich ma swoje wady i zalety, więc wybór konkretnej metody zależy od Twoich potrzeb i preferencji.