вот запускаемый скрипт - пример
<body> </body>
<script>
/* создает кнопку с указанным html и обработчиком клика */
function Button( html, handler ){
var a = document.createElement('button');
a.innerHTML = html;
a.onclick = handler;
return a;
};
// когза страница загрузится, отобразим первую кнопку
window.onload = function(){
// не знаю, зачем, но я их сохраняю
var firstB,secondB;
firstB = new Button("первая", function(){
secondB = new Button("вторая", function(){
alert("OK");
});
// добавляем её туда же,куда и первую
firstB.parentNode.appendChild( secondB );
});
// добавляем первую кнопку в <body>
document.body.appendChild( firstB );
};
</script>
это тот же код, но разноцветный.
/* создает кнопку с указанным html и обработчиком клика */
function Button( html, handler ){
var a = document.createElement('button');
a.innerHTML = html;
a.onclick = handler;
return a;
};
// когза страница загрузится, отобразим первую кнопку
window.onload = function(){
var firstB,secondB;
firstB = new Button("первая", function(){
secondB = new Button("вторая", function(){
alert("OK");
});
// добавляем её туда же,куда и первую
firstB.parentNode.appendChild( secondB );
});
// добавляемпервую кнопку в <body>
document.body.appendChild( firstB );
};
использовать
Button можно было и без
new, но тут эти три буквы добавляют к читаемости кода
