Javascript If between appendChild and replaceChild not working

Question

I am dynamically generating a table and after that I want to append it as a child to a div. The problem is every time i regenerate the table it gets appended in the same div without the old table removed.

if(context.children.length == 0){
    context.appendChild(table);
}else{
    context.replaceChild(table);
}

I tried with checking if the child already exists and if it does i replace it with the new element. But I get the error The argument is not optional and I don't know how to do it otherwise. Any ideas?

replaceChild method should have 2 args .... new and old child — Pranav C Balan
– Pranav C Balan, Commented Nov 11, 2016 at 9:02
Thank you. Sorry for the stupid question. As I have only one child I have not thought about this. — moessi774
– moessi774, Commented Nov 11, 2016 at 9:07
Can you make a normal answer that I can mark the question as solved? — moessi774
– moessi774, Commented Nov 11, 2016 at 9:07

Ropo Hage · Accepted Answer · 2016-11-11 09:11:45Z

1

That's not how replaceChild() works, You should, paremtElement.replaceChild(new element, element to be replaced) https://developer.mozilla.org/en-US/docs/Web/API/Node/replaceChild

answered Nov 11, 2016 at 9:11

Ropo Hage

262 bronze badges

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

Comments

Pranav C Balan · Accepted Answer · 2016-11-11 09:08:33Z

1

You need to provide the second argument as the child to be replaced in Node#replaceChild method.

if(context.children.length == 0){
    context.appendChild(table);
}else{
    context.replaceChild(table, context.children[0]);
}

answered Nov 11, 2016 at 9:08

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

Collectives™ on Stack Overflow

Javascript If between appendChild and replaceChild not working

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related