Przykład
Tworzenie <button> elementu:
var btn = document.createElement("BUTTON");
Wynikiem będzie:
Spróbuj sam " elementy HTML często zawiera tekst. Aby utworzyć przycisk z tekstem należy również utworzyć węzeł tekstowy którego dołączone do <button> element:
Przykład
Utworzyć przycisk z tekstem:
var btn = document.createElement("BUTTON");
// Create a <button> element
var t = document.createTextNode("CLICK ME");
// Create a text node
btn.appendChild(t);
// Append the text to <button>
document.body.appendChild(btn);
// Append <button> to <body>Wynikiem będzie:
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
createElement() metoda tworzy węzeł elementu o podanej nazwie.
Wskazówka: Użyj createTextNode() metodę, aby utworzyć węzeł tekstowy.
Wskazówka: Po utworzeniu elementu, należy użyć elementu. appendChild() lub elementem. insertBefore() metoda, aby wstawić go do dokumentu.
Wsparcie przeglądarka
| metoda | |||||
|---|---|---|---|---|---|
| createElement() | tak | tak | tak | tak | tak |
Składnia
document.createElement( nodename )wartości parametrów
| Parametr | Rodzaj | Opis |
|---|---|---|
| nodename | String | Wymagany. Nazwa elementu chcesz utworzyć |
Szczegóły techniczne
| Zwracana wartość: | Obiekt Element, który reprezentuje utworzony węzeł elementu |
|---|---|
| DOM wersja: | Rdzeń Poziom 1 Document Object |
Więcej przykładów
Przykład
Tworzenie <p> element z tekstem, i dołączyć go do dokumentu:
var para = document.createElement("P");
// Create a <p> element
var t =
document.createTextNode("This is a paragraph");
// Create a text node
para.appendChild(t);
// Append the text to <p>
document.body.appendChild(para);
// Append <p> to <body> Spróbuj sam " Przykład
Tworzenie <p> element i dołączyć go do <div> element:
var para = document.createElement("P");
// Create a <p> element
var t =
document.createTextNode("This is a paragraph.");
// Create a text node
para.appendChild(t);
// Append the text to <p>
document.getElementById("myDIV").appendChild(para);
// Append <p> to <div> with id="myDIV" Spróbuj sam "