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

Question

Iam正在将一些数据附加到我的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");
  }

Answer 1

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

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

---

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