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
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