Question

我有这张桌子

<div id="ConversationDIv" runat="server">
   <table border="1" id="tbl">
       <tr>
          <td>blah blah</td>
       </tr>
   </table>
</div>
<asp:Button id="Insert" onCLick="Insert_Click" Text="addNew" ></asp:Button>

c＃：

protected void Insert_Click(object sender,EventArgs e)
{
    var html = new HtmlAgilityPack.HtmlDocument();

    html.LoadHtml(ConversationDIv.InnerHtml);

    var table = html.DocumentNode.SelectNodes("table").FirstOrDefault();
    // how can I add a new row to table ?
}

我想在表格中添加一个新行怎么做？

Answer 1

您可以使用 SelectSingleNode 来选择表格。并使用 HtmlNode.CreateNode 创建从html字符串追加的节点：

var table = html.DocumentNode.SelectSingleNode("//table");
table.AppendChild(HtmlNode.CreateNode("<tr></tr>"));

Answer 2

这是我发现它完美的解决方案：

protected void AddNewMessageRow(string rowToAppend)
{
    var html = new HtmlAgilityPack.HtmlDocument();
    html.LoadHtml(ConversationDIv.InnerHtml);
    var table = html.DocumentNode.SelectNodes("table").FirstOrDefault();
    var node = HtmlNode.CreateNode(rowToAppend);
    table.AppendChild(node);
    ConversationDIv.InnerHtml += table.OuterHtml;
}

  string ToAppend = "<tr><td align='left' valign='top'  width='9%;'  ><img width='32px' height='32px' src='images/" + Session["ClientPicture"] + "'  /></td><td align='left' class='MiddleTd' valign='Top' ><span class='MsgSpan'>" + m + "</span></td><td align='right' align='left' valign='top' style='color:Gray;' >" + DateTime.Now.ToString("hh:mm:tt") + "</td></tr>";
         AddNewMessageRow(ToAppend);

表格末尾的HTML Agility Pack tr插入

2 个答案: