Замена Node

NickAssa · May 21, 2008

Доброе время суток!

Есть DIV с ID = "PrPera"

При загрузке по методу window.onload создается узел (собственно говоря просто текст в DIV).

По нажатию кнопки нужно поменять текст из созданного узла (или заменить существующий узел новым)

Вот что написалось

Однако по appendChild(text) добавлется новый узел (что, впрочем, логично).

При использовании replaceChild не знаю как определить созданный ранее узел.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>ZZZ(New)</title>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
		<script language="JavaScript">
			window.onload = function()
			{
				var text = document.createTextNode("Проба пера");
				document.getElementById("PrPera").appendChild(text);
			}

			function myClick()
			{
				var text = document.createTextNode("Нажал");
				document.getElementById("PrPera").appendChild(text);
//				document.replaceChild(text, ???)
			}
		</script>
	</head>

<body>
<form method="GET">
	<div id="PrPera"></div>
	<button onclick="myClick()">Жми</button>
</form>
</body>
</html>

yopopt · May 21, 2008

Ничего сложного:

			function myClick()
			{
		var node = document.getElementById("PrPera")
				var text = document.createTextNode("Нажал");
				node.replaceChild(text, node.firstChild);
			}

Вот вам шпаргалка: http://xhtml.ru/2007/07/05/dom-methods-cheatsheet/

NickAssa · May 21, 2008

Большое спасибо!

NickAssa · May 21, 2008

Не могу понять, в IE работает, а в Oper'е промелькивает надпись "Нажал" и восстановливается "Проба пера"

ZoNT · May 21, 2008

function myClick() {
		document.getElementById("PrPera").innerHTML = "Нажал";
}

NickAssa · May 21, 2008

Наврное для меня даже более подходящий вариант

Спасибо

Но в Oper'е ведет себя также

yopopt · May 21, 2008

Наврное для меня даже более подходящий вариант
Спасибо
Но в Oper'е ведет себя также

Можно побороть так:

<button onclick="myClick(); return false;">Жми</button>

или так:

			function myClick()
			{
				...
			   return false;
			}

<button onclick="return myClick();">Жми</button>

NickAssa · May 21, 2008

Помогло

Огромное спасибо

PS причем про "return false" читал ведь пока искал по форуму

Sign In

Замена Node

Question

NickAssa

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

yopopt

Link to comment

Share on other sites

NickAssa

Link to comment

Share on other sites

NickAssa

Link to comment

Share on other sites

ZoNT

Link to comment

Share on other sites

NickAssa

Link to comment

Share on other sites

yopopt

Link to comment

Share on other sites

NickAssa

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information