JavaScript prepend() — додати вузли на початок

Метод prepend() додає вузли або рядки на початок елемента.

правити

Загальний опис

Замінює незграбне insertBefore(node, parent.firstChild) — те, що доводилось писати роками.

Як і append(), приймає кілька аргументів і рядки.

Типове застосування — стрічка новин, де свіже має бути згори.

правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
prepend	54+	49+	10+	39+	17+	-

Підтримка: мобільні переглядачі

Переглядач
prepend	54+	yes	yes	10+

Приклади

+ запропонувати свій приклад у пісочниці

<ul id="feed">
    <li>Старе</li>
</ul>

const feed = document.getElementById('feed');

const fresh = document.createElement('li');
fresh.textContent = 'Свіже';

// згори, а не в кінець
feed.prepend(fresh);

// старий еквівалент:
// feed.insertBefore(fresh, feed.firstChild);