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

时间:2015-02-23 09:54:04

标签: javascript jquery browser view-source

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

1 个答案:

答案 0 :(得分:0)

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

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


1:更确切地说,它显示“最初从服务器接收的内容”,因为HTML可能是由PHP,Rails或类似的。

生成的。