正则查找html中第一个p元素

html文本：    <body>
        <div><span>1</span></div>
        <p><span>2</span></p>
        <div><span>3</span></div>
        <p><span>4</span></p>
    </body>
假设上述字符串赋值于变量html,正则如何写才能把"<p><span>2</span></p>"取出？

解决方案 »

  1.   


    <!doctype html>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <style>
    </style>
    </head>
    <body>
    <div id="test">
    <body>
            <div><span>1</span></div>
            <p><span>2</span></p>
            <div><span>3</span></div>
            <p><span>4</span></p>
        </body>
    </div>
    <script>
    function $(o){return document.getElementById(o)}
    var str = $('test').innerHTML;
    var re = /<p>.+?<\/p>/gi;
    alert(str.match(re))

    </script>
    </body>
    </html>
      

  2.   

    var ps = document.getElementsByTagName('p');
    var val = ps.first().innerHTML();
    alert(val);
      

  3.   

    /<p>.+?<\/p>/gi;
    var ps = document.getElementsByTagName('p');
    var val = ps.first().innerHTML();
    alert(val);正解