Extracting numbers from a HTML string then append to URL

Question

Hi i am trying to get just the numbers from a html string and append them to a URL which is then wrote to the page as a example:

<p id="catId">cat number 2301254187</p>
<script type="text/javascript">
        var itemId = document.getElementById('catId').innerHTML;
        var links = '<a href="http://www.test.com' + catId + '">Go to Catergory</a>';
        document.write(links);

Ive tried something like above which works but i get the whole of the contents of the p tag. Im pretty new to this and im guessing that regular expressions need to be used to extract the numbers only?

Matt · Accepted Answer · 2011-08-02 09:35:43Z

1

You were right about needing to use a regular expression.

<p id="catId">cat number 2301254187</p>
<script type="text/javascript">
    var itemId = document.getElementById('catId').innerHTML.match(/\d+/);

    if (itemId.length) {
        var links = '<a href="http://www.test.com' + itemId[0] + '">Go to Catergory</a>';
        document.write(links);
    }
</script>

See the match() method

answered Aug 2, 2011 at 9:35

Matt

75.4k26 gold badges156 silver badges181 bronze badges

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

Comments

Andris · Accepted Answer · 2011-08-02 09:33:40Z

1

You can fetch the numbers with a simple regex

var itemId = document.getElementById('catId').innerHTML.match(/\d+/)[0]

answered Aug 2, 2011 at 9:33

Andris

27.9k4 gold badges37 silver badges38 bronze badges

Comments

Madara's Ghost · Accepted Answer · 2011-08-02 09:36:26Z

0

not necessarily, should the string always be cat number NNNNNNNN, you can use split.

var itemId = document.getElementById('catId').innerHTML.split(' ')[2];

Which splits the string into an array separated by spaces, and then displays the third element, which would be your number.

answered Aug 2, 2011 at 9:36

Madara's Ghost

176k52 gold badges274 silver badges314 bronze badges

Collectives™ on Stack Overflow

Extracting numbers from a HTML string then append to URL

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related