Test case details

Preparation Code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script> <div class="test-element"> </div> <div class="test-element"> </div> <div class="test-element"> </div> <div class="test-element"> </div> <div class="test-element"> </div>
var plainText = '<label>one & two</label>', encodedText = $('<div></div>').text(plainText).html(); $('.test-element').empty(); var $els = $('.test-element');
$('.test-element').empty();

Test cases

Test #1

for (var i = 0, l = $els.length; i < l; i++) { $els[i].innerText = plainText; // IE }

Test #2

$els.html(encodedText);

Test #3

$els.text(plainText);

Test #4

for (var i = 0, l = $els.length; i < l; i++) { $els[i].innerHTML = encodedText; }

Test #5

var textNode; for (var i = 0, l = $els.length; i < l; i++) { textNode = document.createTextNode(plainText); $els[i].appendChild(textNode); }

Test #6

var textNode = document.createTextNode(plainText); for (var i = 0, l = $els.length; i < l; i++) { $els[i].appendChild(textNode.cloneNode()); }

Test #7

for (var i = 0, l = $els.length; i < l; i++) { $els[i].textContent = plainText; // W3C }