如何捕获动态生成的 HTML
在某些情况下，我们可能需要提取网页中动态生成的 HTML 内容。动态生成意味着 HTML 内容不是在页面加载时就已经存在，而是由 JavaScript 或其他动态技术创建的。
以一个简单的示例来说明，如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="static/library/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div id="test"></div>
<script type="text/javascript">
const data = ["AAA", "BBB", "CCC"];
data.forEach((el) => {
$("#test").append(`
<h1>${el}</h1>
`);
});
</script>
</body>
</html>在这个示例中，元素 <div id="test"> 最初是空的。使用 JavaScript，我们迭代一个数组并为 #test 元素动态添加了三个标题元素。
立即学习“Java免费学习笔记（深入）”；
要捕获动态生成的 HTML，可以使用 document.documentElement.innerHTML 属性。该属性返回整个 HTML 文档的源代码，包括动态创建的元素。
代码示例：
const generatedHtml = document.documentElement.innerHTML;
通过将结果分配给变量 generatedHtml，您可以访问动态生成的 HTML。
以上就是如何在 JavaScript 中捕获动态生成的 HTML？的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
421
收藏
