Добавление параграфа кнопкой
Здравствуйте люди ! Я как был нубом так и остался. Отредактируйте через пожалуйста не рабочий код.
<!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=iso-8859-
1" />
<title> </title>
<script type="text/javascript">
function add_text(){
// делаю узел
var parrafo = document.createElement("p");
// добавляю содержимое
var contenido = prompt("Write text: ");
var texto = document.createTextNode(contenido);
parrafo.appendChild(texto);
var principal = document.getElementById("principal");
principal.appendChild(parrafo);
}
</script>
</head>
<body >
<div id="principal">
<p> параграф 1</p>
<p> параграф 2</p>
<p> параграф 3</p>
<!-- копка для созд. параграфа -->
</div>
<input type="button" value="more" onclick="add_text()"/>
</body>
</html>
Последний раз редактировалось Manifest, 25.01.2013 в 01:46.
Причина: var texto = document.createTextNode(contenido);
|