跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

如何获取页面执行 JS 后的 HTML 代码?

获取页面执行 js 后代码 当我们需要获取一个页面的代码时,如果页面包含动态操作 dom 的 js,直接使用 jq.prop("outerhtml") 会获得源码,无法反映页面执行 js 后的 dom 状态。 为了获取页面执行 js 后的 html 代码,我们可以使用 $(function() 函数。此函数会在页面加载完成后执行,确保 dom 已被 js 处理。 例如,我们可以使用以下代码获取页面执行 js 后的 html 代码: 立即学习 “ 前端免费学习笔记(深入) ”;
$(function() { // 在此处获取节点代码 var html = $("#element").prop("outerHTML"); });
请注意,如果 js 方法动态操作 dom,则获取节点代码的代码必须写在该 js 方法操作 dom 的之后。

相关文章