現在我已經寫了一些HTML標籤,和一些JS PHP & PHP,並且PHP返回一些數據到JS然後返回到HTML,通過返回這個數據我想要在HTML表單中進行更改。如何添加</td>標籤表後一些動作
讓我們來解釋一下:
HTML中包含一個表,我想通過新的數據從PHP
返回我該怎麼辦呢一些新的行和列添加到該表...之後,我已經關閉了表標籤「???
現在我已經寫了一些HTML標籤,和一些JS PHP & PHP,並且PHP返回一些數據到JS然後返回到HTML,通過返回這個數據我想要在HTML表單中進行更改。如何添加</td>標籤表後一些動作
讓我們來解釋一下:
HTML中包含一個表,我想通過新的數據從PHP
返回我該怎麼辦呢一些新的行和列添加到該表...之後,我已經關閉了表標籤「???
要短,添加一行到一個table
:
yourTable.appendChild(document.createElement("tr")); //native
- or -
$("<tr>").appendTo(yourTable); //jQuery
增加小區:
yourRow.appendChild(document.createElement("td")); //native
- or -
$("<td>").appendTo(yourRow); //jQuery
要追加HTML或文本到新創建的節點:
yourCell.innerHTML = "Your Text";
- or -
$(yourCell).html("Your HTML");/$(yourCell).text("Your text");
參考文獻:document.createElement
Node.appendChild
小演示:http://jsfiddle.net/DerekL/rS8H8/
XMLHttpRequest
或
$.ajax
請求您的數據和應用上面提到的達到你想要的功能的方法。
當我追加孩子是默認添加這些孩子的結束標籤? –
@ Abdel-rahmanEl-Carpenter - 你並不需要關心結束標記,因爲所有JavaScript關心都是節點,而不是HTML。 –
@ Abdel-rahmanEl-Carpenter - 如果您感到困惑,請隨時在本演示中觀看一下:http://jsfiddle.net/DerekL/rS8H8/ –
使用AJAX檢索來自服務器的數據,然後使用jQuery append()
到<td>
標籤添加到<table>
試試這個:link或 HTML:
<table id=mytable border="1">
<tr><td>rahul</td><td>sahu</td></tr>
</table>
<button>Add New Row</button>
的jQuery:
$("button").click(function(){
var newRow = "<tr><td>rohit</td><td>sahu</td></tr>";
$("#mytable").append(newRow);
});
小心[script injection](https://en.wikipedia.org/wiki/Code_injection#HTML_Script_Injection):/ –
你能分享你已經有了,你已經嘗試過什麼碼?另外,您是否嘗試在PHP或JavaScript中添加新行(即在頁面加載之前或之後)? – newfurniturey
等待,你想在PHP或JavaScript中添加行嗎? –