Clear dynamically created ?

Question

I'm looking for a cross-browser way to clear/remove/delete a dynamically created ul (with li-posts)-list.

created as such: document.createElement("ul");

Is there a truly cross-browser method implemented?

Edit: JQuery not allowed.

Answer 1

// assuming you created your `ul` like this
var ul = document.createElement('ul');
document.body.appendChild(ul);

If you just want to remove its content

// removing only its content
ul.innerHTML = "";

Or you can remove both element and content like this

// removing element and content
ul.parentNode.removeChild(ul); 

Answer 2

use removeChild

var createdUL=document.createElement("ul"); 
createdUL.parentNode.removeChild(ul);

Answer 3

Seems this link might be help you. But remember your question is clear to understand but you have to post some code also to check for the possibilities. Try the following link. JavaScript DOM remove element

Answer 4

You can how use replaceChildren to accomplish this:

ul.replaceChildren();

Answer 5

JQuery remove?

$("ul").remove();

Content remove:

$("ul *").remove();