innerHTML - замена содержимого тега

[Dr.Chip]

innerHTML - замена содержимого тега

Есть тег p с id="page_content", в котором изначально хранится содержимое страницы (html-код).
Задача следующая, при нажатии по ссылкам отрабатывает JavaScript - фукнция getPageContent, которая заменяет текущее содержимое тега p с id="page_content" html-кодом, получаемым в переменную pageContent.

Возникает следующая проблема, при нажатии по ссылкам функция отрабатывает, но не заменяет текущее содержимое тега p с id="page_content", а добавляет html-код перед ним.

Ниже приведены фрагменты кода:

function getPageContent()
{
	if (httpRequest.readyState == 4)
	{
		var xmlDocument = httpRequest.responseXML;
		var pageContent = xmlDocument.getElementsByTagName('page_content').item(0).firstChild.data;

		document.getElementById('page_content').innerHTML = "<table><tr><td>" + pageContent + "</td></tr></table>";
	}
}

....

<table id="table-content">
	<tr>
		<td id="td-content">
			<p id="page_content">
				Содержимое тега p
			</p>
		</td>
	</tr>
</table>

Подскажите, как решить эту задачу. Аякс и JavaScript только начал изучать.

 

[dimagolov]

Dr.Chip
сделай alert (pageContent ); и убедись в том, что там то, что нужно.
и ты уверен, что хочешь в параграф вставлять таблицу?
что мешеает выводить innerHTML до и после и смотреть что на что меняеться?

 

[Dr.Chip]

2dimagolov,
Спасибо за советы!

Проблема решена заменой тега p на div!
Тему можно закрыть!

 

[VladiT]

Я сразу в тд кидаю что нужно.