如何取出一个代码块里的每一行代码

例如一个html页面有一段在<pre>标签里的代码块<pre id="test">
    var a = 1;
    var b = 2;
    var c = 3;
</pre>如何通过js获取代码块里的每一行内容呢？
像上面的把每一行"var a = 1;"、"var b = 2;"、 "var c = 3;"分别取出来

解决方案 »

  1.   

    <pre id="test">
        var a = 1;
        var b = 2;
        var c = 3;
    </pre>
    <script type="text/javascript">
        var str=document.getElementById("test").innerHTML;
        var arr=str.split(/\n/);
        for(var i=0;i<arr.length-1;i++){
            alert(arr[i]);
        }
    </script>
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function init(){
    var a=document.getElementById("test");
    var k=a.firstChild.nodeValue;
    var reg=/\s+var/g;
    k=k.split(reg);
    for(var i in k){
    if(k[i]){
    alert(i+":"+k[i]);
    }
    }
    }
    window.onload=init;
    </script>
    </head><body>
    <pre id="test">
        var a = 1;
        var b = 2;
        var c = 3;
    </pre>
    </body>
    </html>
    大体这样试试