How to get the entity number from an html entity with js

Question

I want to convert certain entities to their entity numbers, using javascript. Is there a function to do this? Could I do it for some specific entities?

Example:

I want to output the € entity as its html-entity number: € in the console.

Here is the JSFiddle

html

<div>I want to retreive the euro character from the button, get the html code that belongs to it and output it in the console.log. So the console.log should state: "Euro-symbol: (html code here)!!!"</div>
<button id="alt-char">Euro-symbol: &#8364;!!!</button>

javascript

var a = document.getElementById('alt-char').innerHTML;
console.log(a);

Could you add a bit more explanation to the question? At the moment it's a little hard to understand what you want. — evolutionxbox
– evolutionxbox, Commented Apr 20, 2017 at 12:06
@evolutionxbox I added an example to the question. hope it clears it up a bit. — Rob Monhemius
– Rob Monhemius, Commented Apr 20, 2017 at 12:11
I managed to fiddle together a solution using charCode and some inspiration from the link from Ines Tlili : jsfiddle.net/w5ocjwv8/2 Thanks everyone for the help :). — Rob Monhemius
– Rob Monhemius, Commented Apr 20, 2017 at 15:10

piisexactly3 · Accepted Answer · 2017-04-20 12:35:26Z

5

I think the function you're looking for is charCodeAt, as in:

var str = "€";
var n = str.charCodeAt(); // n = 8364

answered Apr 20, 2017 at 12:35

piisexactly3

7797 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ines Tlili · Accepted Answer · 2017-04-20 13:07:04Z

1

The function charCodeAt will solve your problem. Check this out for more details and examples.

answered Apr 20, 2017 at 13:07

Ines Tlili

8108 silver badges21 bronze badges

Comments

evolutionxbox · Accepted Answer · 2017-04-20 14:12:05Z

Like the other answers, using charCodeAt to retrieve the value of the character is recommended.

Firstly, get the textContent of the desired element:

const el = document.getElementById('alt-char').textContent;

Secondly, extract all non-standard characters (not exhaustive):

const chars = el.match(/[^\w\*!-: .,'"$%^&*@]/g);

Lastly, convert the characters into HTML entities:

const entities = chars.map(c => ('&#' + (c.charCodeAt(0)) + ';'));

Example:

const a = document.getElementById('alt-char').textContent;
const chars = a.match(/[^\w\*!-: ]/g);
const entities = chars.map(c => ('&#' + (c.charCodeAt(0)) + ';'));
console.log(entities);

<div>I want to retreive the euro character from the button, get the html code that belongs to it and output it in the console.log. So the console.log should state: "Euro-symbol: (html code here)!!!" </div>
<button id="alt-char">Euro-symbol: &#8364;!!! Pound: &#163;!!!</button>

Collectives™ on Stack Overflow

How to get the entity number from an html entity with js

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related