Как удалить элемент HTML с помощью Javascript? - PullRequest
113 голосов
/ 09 мая 2011

Я абсолютный новичок. Может кто-нибудь сказать мне, как удалить элемент HTML, используя оригинальный Javascript, а не jQuery.

index.html

<html>
<head>
 <script type="text/javascript" src="myscripts.js" > </script>
 <style>
 #dummy {
  min-width: 200px;
  min-height: 200px;
  max-width: 200px;
  max-height: 200px;
  background-color: #fff000;
 }
 </style>
</head>
<body>
 <div id="dummy"></div>

 <form>
  <input type="submit" value="Remove DUMMY" onclick="removeDummy(); "/>
 </form>
</body>

myscripts.js

function removeDummy() {
 var elem = document.getElementById('dummy');
 elem.parentNode.removeChild(elem);
}

Что произойдет, когда я нажму кнопку отправки, это то, что она исчезнет в течение очень очень короткого времени, а затем сразу же появится снова. Я хочу полностью удалить элемент, когда нажимаю кнопку.

Ответы [ 11 ]

0 голосов
/ 10 июня 2017

Попробуйте запустить этот код в вашем скрипте .

document.getElementById("dummy").remove();

И, надеюсь, удалит элемент / кнопку.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...