Свойство HTML DOM innerHTML
Пример
Измените содержимое HTML элемента <p> с помощью id="demo":
document.getElementById("demo").innerHTML = "Paragraph changed!";
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство innerHTML задает или возвращает содержимое HTML (внутренний HTML) элемента.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Верните свойство innerHTML:
HTMLElementObject.innerHTML
Установите свойство innerHTML:
HTMLElementObject.innerHTML = text
Значения свойств
Value | Description |
---|---|
text | Specifies the HTML content of an element |
Технические детали
Возвращаемое значение: | Строка, представляющая HTML-содержимое элемента. |
---|
Дополнительные примеры
Пример
Получите HTML-контент элемента <p> с id="myP":
var x = document.getElementById("myP").innerHTML;
Пример
Получите HTML-контент элемента <ul> с id="myList":
var x = document.getElementById("myList").innerHTML;
Пример
Измените содержимое HTML двух элементов:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Пример
Оповещение о содержимом HTML элемента <p> с id="demo":
alert(document.getElementById("demo").innerHTML);
Пример
Удалите содержимое HTML элемента <p> с id="demo":
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
Пример
Измените содержимое HTML, URL-адрес и цель ссылки:
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮ Объект элемента