Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM innerHTML Propery

<Element Przedmiot

Przykład

Zmiany treści HTML w <p> elementu o id = "demo":

document.getElementById("demo").innerHTML = "Paragraph changed!";
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

Zestawy własności InnerHTML lub zwraca dokumenty HTML (inner HTML) elementu.


Wsparcie przeglądarka

Nieruchomość
innerHTML tak tak tak tak tak

Składnia

Zwraca właściwość innerHTML:

HTMLElementObject .innerHTML

Ustaw właściwość innerHTML:

HTMLElementObject .innerHTML= wartości nieruchomości
Wartość Opis
text Określa zawartość HTML elementu

Szczegóły techniczne

Zwracana wartość: Ciąg reprezentujący zawartość HTML elementu

Przykłady

Więcej przykładów

Przykład

Pobierz zawartość HTML do <p> elementu o id = "MYP":

var x = document.getElementById("myP").innerHTML;

Wynikiem X będzie:

I am a paragraph.
Spróbuj sam "

Przykład

Pobierz zawartość HTML z <ul> elementu o id = "myList":

var x = document.getElementById("myList").innerHTML;

Wynikiem X będzie:

  • Coffee
  • Tea
Spróbuj sam "

Przykład

Zmiany treści HTML z dwóch elementów:

document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Spróbuj sam "

Przykład

Zaalarmować o zawartości HTML <p> elementu o id = "demo":

alert(document.getElementById("demo").innerHTML);
Spróbuj sam "

Przykład

Usuń zawartość HTML do <p> elementu o id = "demo":

document.getElementById("demo").innerHTML = "";  // Replaces the content of <p> with an empty string
Spróbuj sam "

Przykład

Zmiany treści HTML, adres URL i docelowy łącza:

document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
Spróbuj sam "

<Element Przedmiot