如何使用浏览器查看页面源选项查看 jquery 附加数据？答案

【问题标题】：How can view jquery appended data using browsers view page source option?如何使用浏览器查看页面源选项查看 jquery 附加数据？
【发布时间】：2015-02-23 18:20:33
【问题描述】：

我将一些数据附加到我的 php 页面中的表中。数据显示在网页中。没关系。然后我在我的网络浏览器中打开了查看页面源代码。但我没有在页面源中看到该数据。有什么方法可以在页面源中显示该数据吗？这是我的代码

for (var i in Newdata) {
    $('.dataTables_empty').hide();
    var str = "<tr id='row" + Newdata[i].VehicleTypeID + "'>" +
              "<td><p id='" + Newdata[i].VehicleTypeID + "'>" + Newdata[i].VehicleTypeName + "</p></td>" +
              "<td><a href='#' class='datatable' id='edit' valuefield='" + Newdata[i].VehicleTypeID + "' action='edit' fieldname='VehicleTypeName' modal-name='Type-Modal'><button class='icon-edit'>Edit</button></a></td>" +
              "<td><a href='#' class='datatable' id='delete' valuefield='" + Newdata[i].VehicleTypeID + "' action='delete'><button class='icon-delete'>Delete</button></a></td>" +
             "</tr>";
   var $row = $(str).appendTo("#BrandTypeTable tbody");
  }

【问题讨论】：

我必须把它放在html中，这样datatable才能正常工作

标签： javascript jquery browser view-source

【解决方案1】：

View Page Source 显示在 HTML 源文件中出现的代码¹。您可以使用开发者工具中的page inspector（在大多数浏览器中通过 F12 访问）来查看“实时”DOM 树。

如果你需要在你的 Javascript 代码中访问当前页面的 HTML，你可以使用document.body.innerHTML 或类似的。

^{1：更准确地说，它显示“最初从服务器接收到的内容”，因为 HTML 可能是由 PHP、Rails 或类似工具生成的。}

【讨论】：