динамическое измениние страницы в html

У меня не желает вставлять закрывающий тег </script>Комментарий добавил(а): nest361Дата: 2012-06-04чё.. бери да вставляй.. и если не вставится

Но как при помощи innerHTML вставить код ещё одного Javascript ?

Комментарии к заметке:Комментарий добавил(а): АлексейДата: 2012-04-27Пример отличный.

С помощью этих нехитрых примеров я попытался показать вам возможности JavaScript по манипулированию элементами на веб-странице в реальном времени. На самом деле, с помощью JavaScript можно скрывать или полностью удалять любой элемент, добавлять, копировать или изменять элементы по вашему желанию, что я и постараюсь показать вам в следующих уроках. А на этом сегодня все. До свидания.Автор: Сергей ЗарубинДата: 2011-09-13Колличество просмотров: 4984

За это отвечает функция tab, которая помимо добавления таблицы, работает еще и как переключатель. По событию onclick - нажатию на кнопку - если в теге с идентификатором id="tab" содержится что-либо, то он очищается, ну а если он пустой то в него добавляется таблица.

В следующем примере с помощью свойства PinnerHTML в блочный тег DIV я вставляю простую таблицу состоящую из одной ячейки. Как вы понимаете количество ячеек зависит только от вашего воображения.

Добавляем таблицу на веб-страницу

То в этом случае вместо дополнения строка скопированная из текстового поля INPUT будет просто заменять собой прежнюю.

document.getElementById(tag).innerHTML=str

document.getElementById(tag).innerHTML+=str

Ну а если в функции addText заменить строку:

Функция addText отвечает за вывод содержимого информации из текстового поля в тег DIV. Она принимает параметры tag - идентификатор тега, куда выводится текст и text - идентификатор тега откуда копируется текст. В переменную str считывается значение VALUE поля INPUT и этим значением с использованием свойства innerHTML дополняется тег DIV.

При нажатии на кнопку текст из поля input добавляется на страницу

Итак начнем. Первая из демонстраций это возможность добавления текста получаемого из формы в блочный элемент тег DIV.

В этой статье я приведу несколько примеров динамического изменения содержимого веб-страницы с использованием свойства innerHTML, ну а свойство outerHTML оставляю вам для самостоятельного изучения.

Необходимо также упомянуть свойствоPouterHTMLPаналогичное свойствуPinnerHTML, но отличающееся тем, что содержит весь HTML-код, включая внешние открывающий и закрывающий теги элемента.

СвойствоPinnerHTMLPдля любого элемента находящегося на веб-странице получает в качестве значения строку содержащуюPHTML-код, заключенный между открывающим и закрывающим тегами элемента. Другими словами PinnerHTMLPсодержит внутреннийPHTML-код контейнера элемента. А присвоение этому свойству нового значения, которое содержит какой либо PHTML-код, причем совсем не обязательно содержащий теги HTML, приводит к изменению исходного кода.

Одной из часто встречающихся при разработке веб-приложений задач, является возможность добавления или удаления элементов страницы. И сегодня я хочу рассказать вам о возможности динамического изменения веб страницы с помощью свойства JavaScript - innerHTML.

Динамическое изменение содержимого веб-страницы и свойство innerHTML

Динамическое изменение содержимого веб-страницы и свойство innerHTML - Хочу веб-сайт