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

Question

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

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 源文件¹ 中的代码。您可以使用开发人员工具中的 page inspector（在大多数浏览器中可通过 F12 访问）来查看 "live" DOM 树。

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

^{1：更准确地说，它显示 "what was initially received from the server"，因为 HTML 可能是由 PHP、Rails 或类似的生成的。}

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

How can view jquery appended data using browsers view page source option?

javascript

jquery

browser

view-source