Имеется следующий код HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<script src="createelement.js" type="text/javascript"></script>
<style type="text/css">
.declared{
color:#F00;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:56px;}
.programmed{
color:#00F;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
}
</style>
</head>
<body>
<a href="" onclick=" hello()">Hello Denis </a>
<p id="hello">hello </p>
<div id="empty"></div>
</body>
</html>
Ниже привожу код файла javascript
// JavaScript Document
window.onload = function z (){
var hello=document.getElementById('hello'); // берем элемент с ай ди hello
hello.classname='declared'; // присваиваем стиль
var empty=document.getelementById('empty');
addNode(empty,"reader of"); //добавляем элемент с текстом
addNode(empty,"Ajax in Action!");
var children=empty.childNodes; // присваиваем переменно проходя по массиву потомком элемента
for(var i=o;i<children.lenght;i++){
children[i].className='programmed'; //присваиваем класс всем потомкам
}
// установка стиля
empty.style.border='solid green 2px' ;
empty.style.with="200px";}
function addNode(el,text){
//создание нового элемента
var childEl=document.createElement("div");
el.appendChild(childEl);
//формирование текста Добавляет нод в конце списка дочерных нодов элемента, а если добавляемый нод уже был в документе, то он перемещается
var txtNode=document.createTextNode(text);
childEl.appendChild(txtNode);
}
function hello()
{
alert("Mimino");
var hello=document.getElementById('hello'); // берем элемент с ай ди hello
hello.classname='declared';
}
И кого-то черта все дело не работает.То есть не создает нужные мне элементы. Спасибо за помощь!