Remove dynamically only the letters from a specific element, and wrap it in SPAN

Question

If I have an element like:

<a href="javascript:void(0);" id="updates_toggle">0 Updates</a>

Can I remove only the letters dynamically? And it is possible to wrap it in a SPAN?

I need it to be like this:

<a href="javascript:void(0);" id="updates_toggle"><span>0</span></a>

And I would like to not use jQuery, and use only Mootools or pure JS.

Thanks.

score 1 · Accepted Answer · answered Oct 22 '12 at 11:27

1

Get what's in the element, replace away anything that isn't digits, and put it back wrapped in a span:

var el = document.getElementById('updates_toggle');
el.innerHTML = '<span>' + el.innerHTML.replace(/\D/g, '') + '</span>';

answered Oct 22 '12 at 11:27

Guffa

thanks. It works. But if there is another script (*on which I don't have access), and it adds the word "Updates" again how I can prioritize the code you wrote? – George Oct 22 '12 at 11:33
@Bogh: Well, you can't. That's not how scripts work, they just run when you tell them to run. You have to find out when and why that other script runs, and fix up things after it has run. – Guffa Oct 22 '12 at 12:13

1 Answers1