Javascript數組寫HTML表格

Question

我試圖創建一個表像這樣： 圖片瀏覽：http://speedy.sh/JahdC/Screen-Shot-2013-03-28-at-8.12.08-PM.png

___________________________________ 
|function|X|Y|function(x,y)  | 
|x+y |rndX|rndY|Result of function| 
|x+1 | "" "" "" 
|x/y | "" "" "" 
|x%y 
|square root(x^2 + y^2) 
|x^2 
|10*x + y/2 
|SUM of all results 

我目前擁有的代碼是： http://jsfiddle.net/wMF5M/10/

<table id="content" border="1"></table> 

function RandX() { 
var x = Math.floor(Math.random() * 300); 
return x; 
} 

function RandY() { 
var y = Math.floor(Math.random() * 300); 
return y; 
} 

var math1 = function (x, y) { 
return x * y; 
}; 
var math2 = function (x, y) { 
return x + 1; 
}; 
var math3 = function (x, y) { 
return x/y; 
}; 
var math4 = function (x, y) { 
return x % y; 
}; 
var math5 = function (x, y) { 
return math.sqrt(x^2 + y^2); 
}; 
var math6 = function (x, y) { 
return x^2; 
}; 
var math7 = function (x, y) { 
return (10 * x) + (y/2); 
}; 
var math8 = function (x, y) { 
return ((x * y) + (x + 1) + (x/y) + (x % y) + 
(math.sqrt(x^2 + y^2)) + (x^2) + ((10 * x) + (y/2))); 
}; 
// the function above is supposed to add the results of all functions together, 
and push into the array to be displayed 
var maths = []; 

maths.push(math1); 
maths.push(math2); 
maths.push(math3); 
maths.push(math4); 
maths.push(math5); 
maths.push(math6); 
maths.push(math7); 
maths.push(math8); 
//maths[0](RandX,2);//return RandX* RandY 
//maths[1](3,4);//12 - put random numbners here? 



var content = document.getElementById("content"); 
var tr = document.createElement("tr"); 
for (var i = 0; i < maths.length; i++) { 

    var td = document.createElement('td'); 
    td.innerHTML = +maths[0](RandX(), RandY()); 
    tr.appendChild(td); 
} 
content.appendChild(tr); 

使用這種方法如何我寫表格的第一行，保持這種格式？

Answer 1

你可以使用一些在線LaTeX的公式生成，使等式圖像進行純乳膠。例如，http://latex.codecogs.com/gif.latex。

檢查此jsFiddle。它更接近圖像格式。

Answer 2

如果您是通過填充排表行動態，把你的代碼，像這樣的表標籤內...

<table> 

----start code to write row 
----<tr><td> $result </td></tr> 
----loop 
----end of code 

</table>