в модели DHTML эта задача в целом решается одной строкой и намного нагляднее, чем в модели DOM:
function replaceP(objectID){
// создаем новый элемент-абзац var par = document.createElement('p');
// присваиваем ему идентификатор заменяемого абзаца par.setAttribute ("id", objectID);
// наполняем текстом par.appendChild(document.createTextNode('Новый текст'));
//ищем в дереве нужный нам объект elem=document.getElementById(objectID);
//заменяем старый абзац на новый elem.parentNode.replaceChild(par, elem);
}
Конечно, и в модели DOM возможна замена одной строкой, но она работает только в том случае, если у элемента всего один потомок, который является текстовым узлом, а значит не может быть признана универсальным решением:
document.getElementById(objectID).childNodes[0].nodeValue = "Новый текст";
Задачи для самоконтроля
1.Написать универсальную функцию replaceBlock, которая заменяет текущий блочный элемент, на новый определенного типа, необязательно совпадающего с заменяемым, и поместить в него заданный текст.
2.Вставитьновый абзацмежду двумяужесуществующими.
3.После открытия нового окна визуализировать в нем всех детей тега <body> окна-родителя.
4.Реализовать изменение цвета заголовка каждые полсекунды, последовательно увеличивая количество красного, зеленого и синего компонентов цвета.
101
5.Найти готовую функцию и вставить ее в пример проверки формы (Приложение 2), которая определяет корректность ввода адреса электронной почты в форму.
102