Search code examples
javascriptmootoolshtmldynamically-generatedletters

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

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.

Solution

  • 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>';