Javascript: how to add < as text of label html

Question

I have a label, and i change the text in this label using this code:

let label = document.getElementById("resultLabel")
label.innerHTML = stringResult;

where stringResult is a string.

It works, but if the string contains "<" the text is truncated at that point: for example if the string is "a<b" only "a" will be shown.

How can I insert a string containing "<" as the text of an HTML label?

Answer 1

How about using .textContent ?

let label = document.getElementById("resultLabel");
label.textContent = stringResult;

Answer 2

You can encode it with < like this :

a<b

Answer 3

Escape it \\< .

 let label = document.getElementById("resultLabel") label.innerHTML = 'a \\< b';

 <label id='resultLabel'></label>