Javascript - Can't replace "<" word in string

Question

I was doing some javascript while I noticed i can't replace a "<" word inside an html tag such as

<label id="label" > <eraseme> </label>
document.getElementById('label').innerHTML = document.getElementById('label').innerHTML.replace("<eraseme>", "Replaced");

JSFiddle

Any solution ?

Usually the browser escapes `<` in invalid HTML automatically. Have you tried `<`? — Zeta, Aug 13 '14 at 16:50
the trick the browser pulled was convincing you the `<` never existed — Prasanth, Aug 13 '14 at 16:51
Your mistake was to *assume* what `.innerHTML` contains, instead of *actually looking* at what it contains. Use `console.log( document.getElementById('label').innerHTML);`. — Tomalak, Aug 13 '14 at 16:52
your browser is probably interpreting `` as html. Check these alerts out: http://jsfiddle.net/3s1oeycx/ The first you have an actual tag generated as `` — scrappedcola, Aug 13 '14 at 16:52

score 1 · Accepted Answer · answered Aug 13 '14 at 16:52

1

I was able to get it working by using the following in the replace function.

document.getElementById('label').innerHTML = document.getElementById('label').innerHTML.replace("&lt;", "Replaced");

answered Aug 13 '14 at 16:52

lhoworko

1,191
2
13
24

score 0 · Answer 2 · edited Aug 13 '14 at 16:53

0

Use HTML characters "<".

edited Aug 13 '14 at 16:53

Unihedron

10,902
13
62
72

answered Aug 13 '14 at 16:51

Mariepw

51
7

That's called entity and you will also need `>`. – Artjom B. Aug 13 '14 at 17:24

score 0 · Answer 3 · answered Aug 13 '14 at 16:52

0

Replace < with an html number

http://jsbin.com/vehimu/1/edit

answered Aug 13 '14 at 16:52

Bazinga777

5,140
13
53
92

html entity, there is no such thing a html number :) – Martijn Aug 13 '14 at 16:58
sorry i meant an html name http://www.ascii.cl/htmlcodes.htm ccording to this website – Bazinga777 Aug 13 '14 at 17:20

Javascript - Can't replace "<" word in string

3 Answers3