Code Lab BetaBUILD. RUN. DISCOVER.

Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.

JAVASCRIPT DOM / CHAPTER 04 / Учене / LESSON 08

Create & Append.

Около 5–10 минути

createElement("li") създава нов елемент в паметта. textContent му дава текст. appendChild (или append) го закача в родителя — иначе не се вижда.

Мини пример:

const list = document.querySelector("#list"); const item = document.createElement("li"); item.textContent = "taxi"; list.appendChild(item);

Честа грешка: createElement без append; или да пишеш HTML низ в innerHTML вместо чист textContent.

Твоят урок

Създай li с текст "taxi" и appendChild към #list.

HTML:
<ul id="list"></ul><p id="meta">items</p>

<ul id="list"></ul><p id="meta">items</p>

Елементът трябва да се закачи за да се види.

lesson_08.jsJAVASCRIPT · PAGE

Зареждаме средата… При първо стартиране може да отнеме малко повече.

… 0/20000

STANDBY

DOM PREVIEWSTANDBY

Натисни Run — HTML се зарежда в sandbox iframe; Stop маха iframe-а (спира и безкраен цикъл).

01#list има 1 дете с taxi

02#list съществува

03#meta е items

КонзолаНапиши кода. Включи системата.

›

JAVASCRIPT LABKALKULATORI.BG

Code Lab BetaBUILD. RUN. DISCOVER.

Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.

Зареждане…

JAVASCRIPT LABKALKULATORI.BG