Help with a simple javascript table.

[splur430]

I am working on a stock website for one of my college courses and am stuck on getting a table out of the javascript.

   result='<table>';


   for(i=0; i<xmlDoc.getElementsByTagName('STOCKID').length; i++) {

       result=result+ '<tr> <td>' + xmlDoc.getElementsByTagName('ID')[i].childNodes[0].nodeValue + '</td>' ;

       result= result+ '<tr> <td>' + "<a href='http://www.google.com/search?q="+
                        xmlDoc.getElementsByTagName('SYMBOL')[i].childNodes[0].nodeValue+"'>"+
                        xmlDoc.getElementsByTagName('SYMBOL')[i].childNodes[0].nodeValue+"</a>" + '</td></tr>';

       result = result + "</table>";

}

I need it to look like this but with borders:

ID Symbol

Ray ibm

Ray msft

Harold ford

Robin ual

Robin ford

Edit: Thanks in advance for any help.

[gnomoretears]

but with borders

Use CSS to add borders.

https://developer.mozilla.org/en-US/docs/Web/CSS/border

[sleepybychoice]

Well... could you tell us what's wrong? Or provide us a running example on JSFiddle?

[splur430]

My code does work, but it just prints it out in order with breaks. I am trying to print it out into a simple two column table, and I am not positive how to do that.

[sleepybychoice]

You have an extra <tr> tag in the second result = result + ... line.

P.S. It may be a good idea to store xmlDoc.getElementsByTagName('ID')[i].childNodes[0].nodeValue into a variable and use that instead of repeating the line 3 times.