2014-02-27 20 views
0

我有一個代碼如下id引用追加TR表,使用純JavaScript而不用於表

<?php 

$actionbutton = '<input type="button" onclick="document.location.href=\'/backoffice_dev.php/currency/edit/EUR\';" value="Edit">'; 
$tr = '<tr><td>'.$addNewCurrencyPOST["id"].'</td> 
<td><div class="led on"></div></td> 
<td>'.$addNewCurrencyPOST["symbol"].'</td> 
<td>'.$addNewCurrencyPOST["symbolhtml"].'</td> 
<td>'.$addNewCurrencyPOST["usdrate"].'</td> 
<td>'.$addNewCurrencyPOST["eurrate"].'</td> 
<td>'.$actionbutton.'</td></tr>'; 

?> 

<script> 
    var tr = <?php echo $tr ?>; 
</script> 

我需要添加在TR來的表中已經存在的值,我優選是尋找一種方法來使用這個沒有insertRowinsertCell。但包括這些功能也是可以的。請注意,該表沒有標識,只有類名可用。有任何想法嗎?

+0

爲什麼你不想使用旨在完成你的目標的方法?順便說一句,JavaScript適用於HTML,而不是PHP。 –

+0

@DavidThomas沒有刻意去做。但是需要在很多地方更改我的代碼。這就是原因。 :) – Stranger

回答

1

假設您有:

<table id='mytable'>....</table> 

您可以

<script> 
    var tr = <?php echo $tr ?>; 
    var table=document.getElementById('mytable'); 
    table.innerHTML+=tr; 
</script> 

編輯:

Fiddle

+0

只有類名可能嗎? – Stranger

+0

每次添加一行時在表中添加一個新的tbody,這可能可以修復它http://jsfiddle.net/DeedE/2/(僅在Chrome中試過) –

+0

@Udhayakumar你可以使用getElementsByClassName和loop for all這些表格http://jsfiddle.net/DeedE/3/ –

1

您可以使用像這樣在javascript:

tb = document.createElement("tbody") 
var tbody = document.createElement('tbody'); 
table.appendChild(tbody); 
var table_row = document.createElement('tr'); 
tbody.appendChild(table_row)//