javascript生成动态表格

生成表格是这样的id     name
1      john
1      john

解决方案 »

  1.   

    </doby>
    拼写错误！！！
      

  2.   

    我这里有个JS表格function showLifeHelp(a,b){
    try{
    var div = document.getElementById("lifeHelpDiv"+b);
    if(!div){
    div = document.createElement("div");
    div.style.position = "absolute";
    if(b==1) {
    div.id = "lifeHelpDiv"+b;
    div.style.top=a.offsetTop-27;
    var bb="办结";
    }
    else {
    div.id = "lifeHelpDiv"+b;
    div.style.top=a.offsetTop-27;
    var bb="回访";
    }
    div.style.left=a.offsetLeft+20;
    document.body.appendChild(div);
    }
    var content = 
    '<table width="118" height="62" border="0" cellpadding="0" cellspacing="0" background="bj01.gif">\
    <tr>\
    <td height="4"></td>\
    </tr>\
    <tr>\
    <td valign="top"><table border="0" align="left" cellpadding="0" cellspacing="0">\
    <tr>\
    <td width="20" rowspan="2" align="right" valign="top"><span class="ziti"></span></td>\
    <td valign="top" class="ziti">'+bb+'操作完毕！</td>\
    </tr>\
    <tr>\
    <td align="right"><span class="ziti"><a href="javascript:closeHelpDiv(\'lifeHelpDiv\');"><!--<img src="p_02.gif" width="10" height="10" border="0" alt="关闭提示">--></a></span></td>\
    </tr>\
    </table></td>\
    </tr>\
    </table>';
    div.innerHTML = content;
    var parentObj = document.getElementById('lifesImg');
    var divLeft = findPosX(parentObj)-100;
    var divTop = findPosY(parentObj)-80;
    div.style.top = divTop+"px";
    div.style.left = divLeft+"px";
    div.style.display = '';
    }catch(e){}
    }
      

  3.   

    原来有人问过类似滴xmlstring读取问题，改了改！
    L@_@K
    <!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>js.loadXmlDom.xmlString.3.html</title>
        <meta name="generator" content="editplus" />
        <meta name="author" content="Gao YiXiang" />
        <meta name="email" content="[email protected]" />
        <meta name="keywords" content="javascript dhtml dom" />
        <meta name="description" content="I love web development." />
    </head>
    <body>
        <div id="divContainer"></div>
        <div id="data" style="display: none;">
            <data>
                <user><ID>1</ID><Name>John</Name></user> 
                <user><ID>2</ID><Name>Tom</Name></user> 
            </data> 
        </div>
    </body>
    <script type="text/javascript">
    <!--
    /*
     * 创建 XmlDom 对象实例。
     */
    function createXmlDom()
    {
        var xmlVersions = new Array("Microsoft.XmlDom",
                                    "MSXML2.DOMDocument.5.0", "MSXML2.DOMDocument.4.0",
                                    "MSXML2.DOMDocument.3.0", "MSXML2.DOMDocument");    for (var i=0; i<xmlVersions.length; i++)
        {
            try
            {
                var oXmlDom = new ActiveXObject(xmlVersions[i]);            return oXmlDom;
            }
            catch (e) 
            {
                //alert(e.message);
            }
        }    throw new Error("当前系统未安装 MSXML！");
    }var xmlString = document.getElementById("data").innerHTML;
    var xmlData = createXmlDom();
    // 直接读 xml 字符串！
    xmlData.loadXML(xmlString);var items;
    if (xmlData.readyState == 4)
    {
        // 通过 XPath 方式读取全部用户项！
        items = xmlData.selectNodes("DATA/USER");    // 建表、表头。
        var oTable = document.createElement("table");
        var oTr = oTable.insertRow();
        var oTd = oTr.insertCell();
        oTd.innerHTML = "<b>ID</b>";
        oTd = oTr.insertCell();
        oTd.innerHTML = "<b>Name</b>";    // 建数据行。
        for (var i=0; i<items.length; i++)
        {
            oTr = oTable.insertRow();
            oTd = oTr.insertCell();
            oTd.innerText = items[i].selectSingleNode("ID").text;
            oTd = oTr.insertCell();
            oTd.innerText = items[i].selectSingleNode("NAME").text;
        }
        
        var oDiv = document.getElementById("divContainer");    oDiv.appendChild(oTable);
    }//-->
    </script>
    </html>
      

  4.   

    <user>标签不识别吧。你用getElementById试一试啊
      

  5.   

    你好,yixianggao 如果我的数据块如下:<data>
        
         <user><ID>1</ID><Name>John</Name></user> 
         <user><ID>2</ID><Name>Tom</Name></user> 
         <other>aaaaaa</other>
    </data> 
    为什么 items = xmlData.selectNodes("DATA/USER");
    这个方法就读不到数据了.
    恳请得到你的回答.万分感谢.分不够我再加.
      

  6.   

    <html>
    <head> </head>
    <body>
    <xml   id="data"   style="{display:none;}">
    <data>
    <user> <ID> 1 </ID> <Name> John </Name> </user>
    <user> <ID> 2 </ID> <Name> Mary </Name> </user>
    <user> <ID> 3 </ID> <Name> Man </Name> </user>
    <user> <ID> 4 </ID> <Name> Earch </Name> </user>
    </data>
    </xml>
    <div id="show">

    </div>
    </body>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function writeTable(){
    var data=document.getElementById("data");
    var ids=data.XMLDocument.selectNodes("data/user/ID");
    var names=data.XMLDocument.selectNodes("data/user/Name");
    var strTbl="<table><tr><th>id</th><th>name</th></tr>"; for(var i=0,len=ids.length;i<len;i++){
    strTbl+="<tr>";
    strTbl+="<td>";
    strTbl+=ids[i].text;
    strTbl+="<td>";
    strTbl+="<td>";
    strTbl+=names[i].text;
    strTbl+="<td>";
    strTbl+="<tr>";
    }
    strTbl+="</table>"
    document.getElementById("show").innerHTML=strTbl;
    }
    writeTable();
    //-->
    </SCRIPT>
    </html> LZ试下这个，我把你的div改成了xml标记了。
      

  7.   

    @@TXM_TXM:
    <data>
           
              <user> <ID> 1 </ID> <Name> John </Name> </user>  
              <user> <ID> 2 </ID> <Name> Tom </Name> </user>  
              <other> aaaaaa </other>
    </data>  
    为什么   items   =   xmlData.selectNodes("DATA/USER");
    这个方法就读不到数据了.
    恳请得到你的回答.万分感谢.分不够我再加你这个不是用的xml标记，不得这样用。
    你要这样用就得转换成xmlDocument才可以。
      

  8.   

    正则搞定
    <html>
    <head>
    </head>
    <body>
        <div id="divContainer"></div>
        <div id="data" style="display: none;">
            <data>
                <user><ID>1</ID><Name>John</Name></user> 
                <user><ID>2</ID><Name>Tom</Name></user> 
            </data> 
        </div>
    </body>
    <script type="text/javascript">
    var div=document.getElementById("data").innerHTML;
    var reg=/<id>(\d+)<\/id><name>([^>]+)<\/name>/gi
    var tb="<table border='1' cellspacing='2'>";
    while((m=reg.exec(div))!=null)
    {
       tb+="<tr><td>"+m[1]+"</td><td>"+m[2]+"</td></tr>";
    }
    tb+="</table>";document.getElementById("divcontainer").innerHTML=tb;
    </script>
    </html>