пример
Изменение содержимого HTML в виде <p> элемент с идентификатором = «демо»:
document.getElementById("demo").innerHTML = "Paragraph changed!";
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
В наборы свойств innerHTML или возвращает содержимое HTML (inner HTML) элемента.
Поддержка браузеров
Имущество | |||||
---|---|---|---|---|---|
innerHTML | да | да | да | да | да |
Синтаксис
Возвращает свойство innerHTML:
HTMLElementObject .innerHTML
Установите свойство innerHTML:
HTMLElementObject .innerHTML= Значения свойств Стоимость Описание text Определяет содержание HTML элемента
Технические подробности
Возвращаемое значение: Строка, представляющая содержимое HTML элемента
Еще примеры
пример
Получить содержимое HTML в виде <p> элемент с идентификатором = «MyP»:
var x = document.getElementById("myP").innerHTML; В результате х будет:
I am a paragraph. Попробуй сам "
пример
Получить содержимое HTML в виде <ul> элемент с идентификатором = «MyList»:
var x = document.getElementById("myList").innerHTML; В результате х будет:
- Coffee
- Tea
Попробуй сам "
пример
Изменение содержимого HTML двух элементов:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?"; Попробуй сам "
пример
Оповещать содержание HTML в виде <p> элемент с идентификатором = «демо»:
alert(document.getElementById("demo").innerHTML); Попробуй сам "
пример
Удалите содержимое HTML в виде <p> элемент с идентификатором = «демо»:
document.getElementById("demo").innerHTML = ""; //
Replaces the content of <p> with an empty string Попробуй сам "
пример
Изменение содержимого HTML, URL, и цель ссылки:
document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
Попробуй сам "
<Элемент объекта