removeChild не работает

Привет всем Я просто пытаюсь удалить свою форму, когда я нажимаю на кнопку, но у меня нет никаких результатов. Я уверен, что функция «знак()» был вызван, но без влияния на моем макете:removeChild не работает

<body> 
 
    <div id="divSign"> 
 
    <form action="#" method="post"> 
 
     <div class="header"> 
 
     <p>All Together</p> 
 
     </div> 
 
     <div class="description"> 
 
     <p>Hi friend</p> 
 
     </div> 
 
     <div class="input"> 
 
     <input type="text" class="button" id="chiave" placeholder="Chiave Segreta"> 
 
     <input type="submit" class="button" id="submit" value="ENTRA" onclick="sign();"> 
 
     </div> 
 
    </form> 
 
    </div> 
 
</body> 
 
<script> 
 
    function sign() { 
 
    document.body.removeChild(document.getElementById("divSign")); 
 
    // OR THIS 
 
    var f = document.getElementById("divSign"); 
 
    while (f.hasChildNodes()) { 
 
     f.removeChild(f.lastChild); 
 
    } 
 
    // OR THIS 
 
    var f = document.getElementById("divSign").style.visibility = "hidden"; 
 
    } 
 
</script>

Ничто не кажется, влияет на мою страницу, я просто очистить мою страницу после щелчка.

источник

2015-11-20 Marco Rossini

На мыши, вашу форму получить представлен и refreshs страницу.

Используйте этот OnClick вместо этого, return false; будет препятствовать форме от их представления и ваша страница не будет обновляться больше:

<input type="submit" class="button" id="submit" value="ENTRA" onclick="sign(); return false;">

источник

2015-11-20 10:10:02

Простой и понятный, спасибо! Я больше не буду этого пропустить! –

-2

С JQuery вы можете сделать с помощью пустой

$("#divSign").empty()

или

$("#divSign form").remove()

источник

2015-11-20 10:10:01

Это просто то, что у него есть сейчас – Liam

Это не удаляется, потому что страница перезагружается после нажатия на кнопку, потому что это форма. Чтобы этого избежать, вы можете использовать return false; в конце вашей функции.

function sign() { 
    /********* 
    Your code 
    **********/ 
    return false; //add this line 
}

источник

2015-11-20 10:11:50 JeanBon

removeChild не работает

ответ

Смежные вопросы