[JS] использование createElement

И всё прочее, что касается HTML
Правила форума
Убедительная просьба юзать теги [code] при оформлении листингов.
Сообщения не оформленные должным образом имеют все шансы быть незамеченными.
Gloft
лейтенант
Сообщения: 645
Зарегистрирован: 2008-03-09 11:32:12
Откуда: Москва

[JS] использование createElement

Непрочитанное сообщение Gloft » 2009-05-10 17:51:21

Никак не получается отобразить элементы создаваемые в js на странице также как тегами html.
Если кто разбирается или интересно, то может поможете найти ошибку.
Ниже весь мой код целиком.

Код: Выделить всё

	<head>                                                              
		<meta http-equiv="Content-Type" content="text/html; charset=koi8-r">
		<script type="text/javascript" language="JavaScript" src="js/jquery.js" ></script>
		<script type="text/javascript">
	function nodeTree(){
		this.echo = function(){
			var divTagBox = document.createElement("div");
			divTagBox.id = "box1";
			divTagBox.class = "boxKey";
			
				var divTagSq = document.createElement("div");			
				divTagSq.id = "sq1";
				divTagSq.class = "sq";
				divTagSq.style.opacity = "1";
				divTagBox.appendChild(divTagSq);

				var spanTag = document.createElement("span");
				spanTag.class = "sqName";
				spanTag.innerHTML = "ПРОБА";
				divTagBox.appendChild(spanTag);

			document.body.appendChild(divTagBox);
		}	
	}
	function init(){
			var node = new nodeTree();
			node.echo();
	}
	
	window.onload = init; 
		
		</script>
<style type="text/css">
	.boxKey {
		padding: 0;
		margin: 0;
	}
	
	.sq {
		background: #6699FF;
		height: 20px;
		width: 20px;
		padding: 0;
		margin: 0;
		float: left;
	}

	.sqName {
		background: none;
		font-size: 2pn;
		font-family:verdana;
		color:Orange;	
		padding: 2px;
		margin: 0px 0px 0px 3px;
	}

</style>

	</head>
	<body>

<div class="boxKey">
	<div class="sq">
	</div>
		
	<span class="sqName">
		ПРОБА		
	</span>	
</div>		
<br>
	</body>
</html>

Хостинговая компания Host-Food.ru
Хостинг HostFood.ru
 

Услуги хостинговой компании Host-Food.ru

Хостинг HostFood.ru

Тарифы на хостинг в России, от 12 рублей: https://www.host-food.ru/tariffs/hosting/
Тарифы на виртуальные сервера (VPS/VDS/KVM) в РФ, от 189 руб.: https://www.host-food.ru/tariffs/virtualny-server-vps/
Выделенные сервера, Россия, Москва, от 2000 рублей (HP Proliant G5, Intel Xeon E5430 (2.66GHz, Quad-Core, 12Mb), 8Gb RAM, 2x300Gb SAS HDD, P400i, 512Mb, BBU):
https://www.host-food.ru/tariffs/vydelennyi-server-ds/
Недорогие домены в популярных зонах: https://www.host-food.ru/domains/

Аватара пользователя
thefree
лейтенант
Сообщения: 980
Зарегистрирован: 2008-12-29 9:23:19
Откуда: Весёлая Страна

Re: [JS] использование createElement

Непрочитанное сообщение thefree » 2009-05-10 19:58:00

Не судите меня строго, Я не волшебник, а только учусь!
http://planetbsd.ru - RSS-агрегатор *BSD по Рунету

Gloft
лейтенант
Сообщения: 645
Зарегистрирован: 2008-03-09 11:32:12
Откуда: Москва

Re: [JS] использование createElement

Непрочитанное сообщение Gloft » 2009-05-10 21:24:06

спс
разобрался