Delete Javascript generated HTML

Question

I am programming a blackjack game and for each drawn card i create a tag <img> to display the card. Naturally i have to delete this tag <img> after every game, but how can i do this?

Is there a way that I can remove all <img> tags within a parent?

Is there something like this: (Pseudecode)

div.removeAllChildElemtens()

or

div.removeChildElements("img");

Thanks.

i dont know how many IMG tags exactly be generated, because the cards differ in every game.. so i need a way to just delete this IMG tags at every new game started... — Bioaim
– Bioaim, Commented May 28, 2014 at 11:26
append a classname to the images you want to delete later on. so you can use getElementsByClassName("to-delete") or something like that — Nico O
– Nico O, Commented May 28, 2014 at 11:29

Drew Noakes · Accepted Answer · 2014-05-28 12:29:19Z

1

If you create the elements using document.createElement('img') then you can keep a reference to them in order to delete them later.

var cards = [];
for (var i = 0; i < 52; i++)
{
    var card = document.createElement('img');
    // ... more initialisation of card
    cards.push(card);
}

// later, to remove all

for (var i = 0; i < cards.length; i++)
{
    var card = cards[i];
    card.parentElement.removeChild(card);
}

answered May 28, 2014 at 12:29

Drew Noakes

313k174 gold badges704 silver badges770 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Bioaim Over a year ago

thank you very much. With this, it is working fine now. Thanks.

Yair Nevet · Accepted Answer · 2014-05-28 11:57:02Z

0

Please, see the removeChild usage trick or use the new remove() function:

var div = document.getElementById("parentDivId");
var images = div.getElementsByTagName('img');

for(var i = 0; i < images.length; i++){
    var img = images[i];
    img.parentNode.removeChild(img);
   //OR img.remove() as @Pete TNT pointed-out for modern web-browsers (FF/CH < 23)
}

edited May 28, 2014 at 11:57

answered May 28, 2014 at 11:29

Yair Nevet

13.1k17 gold badges71 silver badges111 bronze badges

2 Comments

Andy Over a year ago

Isn't remove() jQuery?

Pete TNT Over a year ago

ChildNode.remove() is also supported by few modern browsers (FF/CH < 23) developer.mozilla.org/en-US/docs/Web/API/ChildNode.remove

Collectives™ on Stack Overflow

Delete Javascript generated HTML

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related