Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Добавлять элемент всегда первым (https://javascript.ru/forum/events/38278-dobavlyat-ehlement-vsegda-pervym.html)

wardock 26.05.2013 02:08

Добавлять элемент всегда первым
 
Вложений: 1
Результат программы в миниатюре!
Цель: чтобы каждый следующий элемент был добавлен на позицию 1 и чтобы элементы смещались вправо --- 5 4 3 2 1

<!DOCTYPE HTML>
<html>
	<meta charset="utf-8">
	<title>WISHES_LIST</title>
	<head>
		<style>
			
			#line
			{
				color:#7F9DB9;
				max-width:400px;
			}
			
			#line .line_hr
			{
				color:#7F9DB9;
				width:400px;
			}
			
			#result .table_wish
			{	
				border:2px solid red;
				margin:10px ;
			}	
		</style>
		<script>
			
			function write_name() {
				var login = document.getElementById('login');				
				var N = login.value;
				var wishes_list = document.createElement('span');	
				document.getElementById('result').appendChild(wishes_list);				
				wishes_list.innerHTML = '<span>' + N + '</span>'; 
				wishes_list.className = 'table_wish';
				login.value='';				
			}	
			
		</script>
	</head>

	<body>

		<div id="result"></div><br>

		<div id="line"> 
			<hr class="line_hr">
		</div>

		<p>
			<span> Enter name: </span> <input type="text" id="login"> 
		</p>

		<p>
			<button type="button" onclick="write_name()" id="button">GO</button>
		</p>

	</body>

</html>

Aetae 26.05.2013 02:10

insertBefore firstChild

wardock 26.05.2013 02:23

Как это реализовать?

Aetae 26.05.2013 02:26

Почти также. Гугл и этот сайт вам в помощь. Всё что вам потребуется я указал.

wardock 26.05.2013 03:28

document.getElementById('result').insertBefore(wis hes_list,document.getElementById('result').firstCh ild);:victory:


Часовой пояс GMT +3, время: 16:04.