Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

HTML DOM innerHTML Propery

<Элемент объекта

пример

Изменение содержимого 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";
Попробуй сам "

<Элемент объекта