javascript - 从 HTML 字符串中提取数字然后附加到 URL

Question

嗨，我正在尝试从 html 字符串中获取数字，并将它们附加到 URL，然后将其写入页面作为示例:

<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);

我尝试过类似上面的方法，但我得到了 p 标签的全部内容。我对此很陌生，我猜想只需要使用正则表达式来提取数字？

Answer 1

您关于需要使用正则表达式的说法是正确的。

<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>

请参阅match() method