По вызову функции должно срабатывать значение

psywalker · November 23, 2009

У нас есть:

<body>


	 <input type="button" value="button" onclick="test()" />

	 <span id="div">BLOCK</span>



<script type="text/javascript">
function test(){

		var a = []
		a[0] = document.getElementById('div').innerHTML = '<h1>Bye1</h1>';
		a[1] = document.getElementById('div').innerHTML = '<h1>Bye2</h1>';
		a[2] = document.getElementById('div').innerHTML = '<h1>Bye2</h1>';
		a[3] = document.getElementById('div').innerHTML = '<h1>Bye3</h1>';
	}
	</script>
</body>

Задача:

При нажатии на <input type="button" value="button" onclick="test()" /> в <span id="div">BLOCK</span> должен меняться текст. Только именно определённого значения объекта, которое я захочу.

Непонятка:

1) Писал уже так: onclick="test(a[2])" - Хотел вызвать функцию и именно 2-ой индекс объекта

2) Писал и так тоже onclick="a[2]" - Всё равно ничё не выходит

Вопрос:

Как правильно написать?

Заранее спасибо камрады

p.s. - Кстати сейчас срабатывает, функция вызывается, но именно это значение, последнее:

a[3] = document.getElementById('div').innerHTML = '<h1>Bye3</h1>';

А мне бы хотелось самому выбирать номера

Edited November 23, 2009 by psywalker

3ABAPKA · November 23, 2009

Можно так:

<html><head>

<script type="text/javascript">
function modify(){
var a = new Array();
		a[0] ="<h1>Bye1</h1>";
		a[1] = "<h1>Bye2</h1>";
		a[2] =  "<h1>Bye2</h1>";
		a[3] =  "<h1>Bye3</h1>";

var newElement=	document.createElement("h1");	
newElement.id="newh1";
var newText=document.createTextNode("Bye3");

newElement.appendChild(newText);

document.getElementById("div").childNodes[0].nodeValue=a[1];
document.getElementById("div2").childNodes[0].nodeValue="";
document.getElementById("div2").appendChild(newElement);

}
</script>
</head>
<body>

<input type="button" value="button" onclick="modify()" />
<br />
<span id="div">BLOCK</span>
<br />
<span id="div2">BLOCK2</span>
</body>
</html>

Скопируй и нажми кнопку.

Edited November 23, 2009 by 3ABAPKA

psywalker · November 23, 2009

3ABAPKA

Спасибо тебе огромное дружище, но мне принципиально уже хочется решить своё пример, чувствую осталось добить совсем немного, видимо что-то как то не так делаю вызов функции. Если сможешь, помоги плиз понять, в чём косяк :huh:

shvv · November 23, 2009

Сам не очень силен в JS, но по-моему нужно так:

<script type="text/javascript">
function test(f){

		var a = []
		a[0] = '<h1>Bye1</h1>';
		a[1] = '<h1>Bye2</h1>';
		a[2] = '<h1>Bye2</h1>';
		a[3] = '<h1>Bye3</h1>';
		document.getElementById('div').innerHTML = a[f];
	}
	</script>

Тогда можно функции передавать номер элемента массива.

psywalker · November 23, 2009

Сам не очень силен в JS, но по-моему нужно так:
<script type="text/javascript">
function test(f){

		var a = []
		a[0] = '<h1>Bye1</h1>';
		a[1] = '<h1>Bye2</h1>';
		a[2] = '<h1>Bye2</h1>';
		a[3] = '<h1>Bye3</h1>';
		document.getElementById('div').innerHTML = a[f];
	}
	</script>
Тогда можно функции передавать номер элемента массива.

Воо молоток, спасиб тебе, работает так как надо

Как говориться, задача решена, тему можно уничтожить :huh:

Sign In

По вызову функции должно срабатывать значение

Question

psywalker

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

3ABAPKA

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

shvv

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information