JavaScript/jQuery html(null) vs html('')

Question

is there a best way of \"clearing\" html inside an element using jQuery? I use .html(null) but is .html(\"\") more efficient. And is there an even

Answer 1

Is there a reason for not just using .empty()?

And, incidentally, if your question is about 'efficiency,' so long as efficiency is broadly comparable with speed, then might I suggest JS Perf for self-testing?

Incidentally, in a JS Perf comparison, with Chromium 18/Ubuntu 11.04, .empty() seems to be consistently the faster approach. References:

Further to the above; if you don't mind using plain ol' native JavaScript, it's even faster (on my Samsung II the DOM runs at ~82k ops/sec, on my desktop (nothing special) in Chromium 18/Ubuntu 11.04, the DOM runs at: ~860k ops/sec, as opposed to .empty() (the next fastest) at 8.4k ops/sec).

A DOM-based approach:

var list = document.getElementsByTagName('ul')[0];
while (list.firstChild) {
  list.removeChild(list.firstChild);
}

JS Perf comparison of all above approaches.

References:

• empty().

Answer 2

http://api.jquery.com/empty/

provided by jQuery