私はいくつかの複雑な値を持つテーブルを持っています(私はそれに必要なすべての値を取得するためにいくつかの要求をする必要があります)。私はこの表の最後に行を追加し、既存のhtmlコードと同じコードでセルを埋める必要があります。jqueryで特定のhtmlコードを複製する
function addRow(){
var table = document.getElementById("table_cultures"); //Get the table element
var itk = document.getElementById('foo'); //Try to get the html to duplicate
var row = table.insertRow(-1); //Add in the end of the table
var c1 = row.insertCell(0);
var c2 = row.insertCell(1);
var c3 = row.insertCell(2);
c1.innerHTML= 'Culture';
c2.innerHTML='test';
c3.innerHTML=itk;
}
ので、変数ITKで、私が取得しようとしている:
<table id="table_cultures">
<tr>
<td>Just a string</td>
<td>Dropdown</td>
<td><div class='foo'> something..</div></td>
</tr>
</table>
<button id="plus_button" onclick="addRow()">+</button>
は今、私のjavascriptので、私のようなものを持っている:例えば
、私のようなものを持っています生成されたhtmlをセルに取り込み、オブジェクト[オブジェクト]にはHTMLFormElement
と表示されます(これは複写したいテーブルなので)。
このようにすることは可能ですか?それとももっとシンプルな他の方法がありますか?
'のdocument.getElementById( 'foo' で)innerHTML' –
@MilindAnantwarあなたが意味する場合は、' c3.innerHTML =のdocument.getElementById( 'FOO')innerHTMLの;。。 '、/ – Erlaunis
「innerHTML」は「innerHTML」である必要があります –