Показать сообщение отдельно
  #2 (permalink)  
Старый 11.03.2011, 06:36
Аватар для Vulkan
Профессор
Отправить личное сообщение для Vulkan Посмотреть профиль Найти все сообщения от Vulkan
 
Регистрация: 25.05.2010
Сообщений: 511

Форматируйте код и выбирайте в следующий раз подходящий раздел для размещения темы.
Вот исправленный вариант вашего скрипта, ошибки были такие:
1. Вы давали название переменной hello, хотя одной из функций уже принадлежит такое название.
2. JS - то регистрозависимый язык, а поэтому вот так:
document.getelementbyid('test').classname - неправильно
document.getElementById('test').className - правильно
+ синтаксические:
не lenght а length
в цикле вы написали i=o (буква "о"), а нужно было i=0 (ноль).
Вроде это все ошибки.

<!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 type="text/javascript">
window.onload = function (){
    var h = document.getElementById('hello');
    h.className = 'declared';
    var empty = document.getElementById('empty');
    addNode(empty, "reader of");
    addNode(empty, "Ajax in Action!");
    var children = empty.childNodes;
    for (var i = 0; i < children.length; i++) {
        children[i].className = 'programmed';
    }
    empty.style.border = 'solid green 2px';
    empty.style.width = "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 h = document.getElementById('hello');
    h.classname = 'declared';
}
</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>

Последний раз редактировалось Vulkan, 11.03.2011 в 06:40.
Ответить с цитированием