Добавление элементов на страницу
Подскажите пожалуйста, что делаю не так. После нажатия кнопки, должна выполнится функция getEqString(), которая должна вывести в body блок - outDiv с содержанием "Ввод прошел успешно".
У меня же, надпись появляется на долю секунды и исчезает. Не могу понять в чем дело. Вроде делаю все также, как в учебнике, только добавил что код выполняется при нажатии кнопки, а не при загрузке страницы.
<html>
<head>
<script>
function getEqString(){
var parentElem = document.body;
var outDiv = document.createElement('div');
outDiv.id = 'outDiv';
outDiv.innerHTML = 'Ввод прошел успешно.';
parentElem.appendChild(outDiv);
}
</script>
</head>
<body>
<h3>Введите функцию</h3>
<form id="equation" name="equation">
<button name="sentEqString"onClick="getEqString();"><p>Sent</p></button>
</form>
</body>
</htmll>
|
Viis,
<form id="equation" name="equation"> отправляет данные со сменой страницы( посколь нет action - то переотправка на дефолтную Можно запретить отправку onsubmit="return false" (либо изъять кнопку из формы
<html>
<head>
<script>
function getEqString(){
var parentElem = document.body;
var outDiv = document.createElement('div');
outDiv.id = 'outDiv';
outDiv.innerHTML = 'Ввод прошел успешно.';
parentElem.appendChild(outDiv);
}
</script>
</head>
<body>
<h3>Введите функцию</h3>
<form id="equation" onsubmit="return false" name="equation">
<button name="sentEqString"onClick="getEqString();"><p>Sent</p></button>
</form>
</body>
</htmll>
|
Спасибо! Обязательно почитаю про формы побольше.
|
| Часовой пояс GMT +3, время: 19:20. |