Как удалить и скрыть элементы HTML в простом Javascript? - PullRequest
Новая
       19

Как удалить и скрыть элементы HTML в простом Javascript?

3 голосов
/ 18 сентября 2011

У меня есть этот HTML: 

<body>
    <div id="content-container" style="display:none">
         <div>John</div>
    </div>
    <div id="verifying">
         <div id="message">Verified</div>
    </div>
</body>

А это Javascript: 

var body = document.body;
var signup = document.getElementById("content-container");

setTimeout(function(){
    body.removeChild('verifying');
    signup.style.display = "block";
}, 5000);

Я пытаюсь удалить <div id="verifying"> и показать <div id="content-container"> через 5 секунд, но по какой-то причине это не работает. Есть идеи почему? Я загружаю скрипт после загрузки страницы, так что это не проблема.

Ответы [ 3 ]

8 голосов
/ 18 сентября 2011

Вам нужно передать ссылку на элемент removeChild, а не строку: 

body.removeChild(document.getElementById('verifying'));

Вы также можете просто скрыть это: 

document.getElementById('verifying').style.display = "none";
2 голосов
/ 18 сентября 2011

ваш removeChild должен получить элемент, а не строку 

var body = document.body;
var signup = document.getElementById("content-container");

setTimeout(function(){
    body.removeChild(document.getElementById('verifying'));
    signup.style.display = "block";
}, 5000);
1 голос
/ 18 сентября 2011

для удаления вы можете использовать (как указано) removeChild: 

var x = document.getElementById('elementid');
x.parentNode.removeChild(x);

И чтобы скрыть элемент: 

var x = document.getElementById('elementid');
x.style.display="none";

EDIT:

о, и если вы хотите, чтобы он был скрыт, но не взят "из потока", используйте это: 

var x = document.getElementById('elementid');
x.style.visibility="hidden";
...