JS 取页面标签的所有内容包括属性

假设有这样的HTML
<div id="test">
<a class="c1">1</a>
<a class="c2">2</a>
<a class="c3">3</a>
</div>通过js想得到的结果是
将这3行html代码存入一个javascript 数组变量arrayTmp里去
arrayTmp[0]="<a class="c1">1</a>"
arrayTmp[1]="<a class="c2">2</a>"
arrayTmp[2]="<a class="c3">3</a>"JS代码怎么写？请高手指教

解决方案 »

  1.   

    <!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=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <div id="test">
        <a class="c1">1</a>&nbsp;<a class="c2">2</a>&nbsp;<a class="c3">3</a>
        </div>
    <script>
    var arrayTmp = document.getElementById('test').innerHTML.split('&nbsp;');
    alert(arrayTmp[0])


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

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <script>
    function abc(Xelement)
    {
    var div=document.getElementById(Xelement);
    var anchors=div.getElementsByTagName("a");
    var arrayTmp=new Array(anchors.length);
    for(var i=0;i<anchors.length;i++)
    {
    var temp=document.createElement("div");
    temp.appendChild(anchors[i].cloneNode(true));
    arrayTmp[i]=temp.innerHTML;
    alert(arrayTmp[i]);
    }
    }
    </script>
    </head>
    <body>
    <div id="test">
    <a class="c1">1</a>
    <a class="c2">2</a>
    <a class="c3">3</a>
    </div>
    <script>abc("test")</script>
    </body>
    </html>
      

  3.   


    <!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>
        <title></title>
    </head>
    <body>
    <div id="test">
    <a class="c1">1</a>
    <a class="c2">2</a>
    <a class="c3">3</a>
    </div>
    <script type="text/javascript">
        var targets = document.getElementsByTagName('a');
        var arr=[];
        for (var i = 0; i < targets.length; i++) {
            var a = targets[i].outerHTML || new XMLSerializer().serializeToString(targets[i]);
            arr.push(a);
        }
        alert(arr.join());
      
    </script>
    </body>
    </html>