2012-01-30 70 views
0

上的按鈕,我想添加額外的錶行和單元格爲<table>修改DIV的innerHTML條表標籤

<input type="button" value="Add More" onclick="add_cust_fields()" />

table rows and cells here 
<div id="extra_cust_field"></div> 
rows and cells continue here 

我JScode

function add_cust_fields() { 
    document.getElementById("extra_cust_field").innerHTML += 
     "<tr><td>test</td><td>test2</td></tr>"; 
} 

所有我的點擊在整個桌子上面都是空的testtest2

+0

你需要將這些東西附加到表格元素而不是div:'document.getElementById(「myTable」)。innerHTML + =「stuff」;' – karim79 2012-01-30 14:23:21

+0

你不能在'table'裏面有'div'。瀏覽器會糾正這個問題並將div移動到有效位置。在這種情況下,這似乎高於表格。 – 2012-01-30 14:24:11

+1

可以粘貼HTML準確?在http://jsfiddle.net上? – 2012-01-30 14:24:26

回答

2

變化

<div id="extra_cust_field"></div> 

<tbody id="extra_cust_field"></tbody> 

,它應該工作。

+0

這是一個[工作演示]鏈接(HTTP:// jsbin。 COM/axizum/2 /編輯) – Oybek 2012-01-30 14:35:00