HTML DOM wewnętrzna właściwość HTML
Przykład
Zmień zawartość HTML elementu <p> za pomocą id="demo":
document.getElementById("demo").innerHTML = "Paragraph changed!";
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość innerHTML ustawia lub zwraca zawartość HTML (inner HTML) elementu.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
Składnia
Zwróć właściwość innerHTML:
HTMLElementObject.innerHTML
Ustaw właściwość innerHTML:
HTMLElementObject.innerHTML = text
Wartości nieruchomości
Value | Description |
---|---|
text | Specifies the HTML content of an element |
Szczegóły techniczne
Wartość zwrotu: | String, reprezentujący zawartość HTML elementu |
---|
Więcej przykładów
Przykład
Pobierz zawartość HTML elementu <p> z id="myP":
var x = document.getElementById("myP").innerHTML;
Przykład
Pobierz zawartość HTML elementu <ul> z id="myList":
var x = document.getElementById("myList").innerHTML;
Przykład
Zmień zawartość HTML dwóch elementów:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Przykład
Powiadom zawartość HTML elementu <p> za pomocą id="demo":
alert(document.getElementById("demo").innerHTML);
Przykład
Usuń zawartość HTML elementu <p> z id="demo":
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
Przykład
Zmień zawartość HTML, adres URL i cel linku:
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮ Obiekt elementu