使用纯JavaScript将TR附加到表,而不使用表的id引用

时间:2014-02-27 10:44:47

标签: 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的情况下寻找使用它的方法。但包括这些功能也行。请注意,表中没有id,只有类名可用。有什么想法吗?

2 个答案:

答案 0 :(得分:1)

你可以在javascript中使用这样的东西:

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

答案 1 :(得分:1)

假设你有:

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

你可以

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

编辑:

Fiddle