document.createElement() w JavaScript
Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Co robi document.createElement()?
document.createElement() to metoda DOM w JavaScript, która tworzy nowy element HTML w pamięci przeglądarki. Samo jej wykonanie nie powoduje jeszcze wyświetlenia elementu na stronie. Element trzeba dodatkowo wstawić do dokumentu, np. metodą appendChild().
Składnia
var element = document.createElement('p');
W tym przykładzie tworzony jest nowy element <p>, czyli akapit. Zmienna element przechowuje referencję do utworzonego obiektu DOM.
Ważne informacje
- argumentem metody jest nazwa znacznika HTML, np.
'div','p','img','ul', - metoda tworzy element, ale go nie dodaje automatycznie do strony,
- po utworzeniu można ustawić treść, atrybuty lub style elementu,
- element staje się widoczny dopiero po dołączeniu go do istniejącego węzła dokumentu.
Przykład
var akapit = document.createElement('p');
akapit.textContent = 'Nowy akapit';
document.body.appendChild(akapit);
Efekt: na końcu elementu <body> zostanie dodany akapit z tekstem „Nowy akapit”.
W kontekście egzaminu
Jeżeli w kodzie występuje document.createElement('p'), oznacza to utworzenie nowego akapitu. Dopiero kolejna instrukcja, np. appendChild(), decyduje, gdzie ten akapit zostanie umieszczony w strukturze strony.