javascript - How to remove an element after you do append() -

i working snap svg , see in docs there way append() , remove() elements, don't have clear how adapt code

_placebet = () => {   const tipchipsnap = snap('#chip-bet');   const tipchipsvgcontent = snap.parse(this.props.chipselectedsvg.content);   tipchipsnap.append(tipchipsvgcontent); } 

the append() method working expected, need know how use remove().

the reason why need remove append element, because @ point have more 100 elements of same in dom , want avoid that. lets _placebet() , tipchipsnap.append(tipchipsvgcontent); fired appending new element, need everytime new element added, delete last 1 , keep new one.

so, recommendations ?

you can save current saved element, next time function called, remove it. e.g:

let previous; _placebet = () => {   const tipchipsnap = snap('#chip-bet');   const tipchipsvgcontent = snap.parse(this.props.chipselectedsvg.content);   tipchipsnap.append(tipchipsvgcontent);    if (previous) previous.remove();   previous = tipchipsvgcontent; }