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

Question

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

查看页面源代码显示 HTML 源文件¹中出现的代码。您可以使用 page inspector在开发人员工具中(在大多数浏览器中可通过 F12 访问)查看“实时”DOM 树。

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

<小时/>

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