Свойство innerHTML
Пример
Измените HTML-содержимое элемента <p> с помощью id="demo":
document.getElementById("demo").innerHTML = "Paragraph changed!";
Попробуйте сами »
Дополнительные примеры "Попробуй сам" приведены ниже.
Определение и использование
Свойство innerHTML задает или возвращает HTML-содержимое (innerHTML) элемента.
Поддержка браузера
Свойство | |||||
---|---|---|---|---|---|
innerHTML | Да | Да | Да | Да | Да |
Синтаксис
Возвращает свойство innerHTML:
HTMLElementObject.innerHTML
Установит свойство innerHTML:
HTMLElementObject.innerHTML = text
Свойство значений
Значение | Описание |
---|---|
text | Задает HTML-содержимое элемента |
Технические детали
Возвращает значение | Строка, представляющая 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 = "Привет Андрей.";
document.getElementById("myDIV").innerHTML = "Как ты??";
Попробуйте сами »
Пример
Оповещать HTML-содержимое элемента <p> с помощью id="demo":
alert(document.getElementById("demo").innerHTML);
Попробуйте сами »
Пример
Удалите HTML-содержимое элемента <p> с помощью id="demo":
document.getElementById("demo").innerHTML = ""; // Заменяет содержимое <p> пустой строкой
Попробуйте сами »
Пример
Измените HTML-содержимое, URL-адрес и цель ссылки:
document.getElementById("myAnchor").innerHTML = "Schoolsw3";
document.getElementById("myAnchor").href = "https://www.schoolsw3.com";
document.getElementById("myAnchor").target = "_blank";
Попробуйте сами »
❮ Объект элемента