拷贝动态生成 HTML

在网站开发中，有时会遇到需要拷贝动态生成的 HTML 元素的情况。本文将介绍如何在 JavaScript 中利用 document.documentElement.innerHTML 属性来实现这一操作。

问题

请使用 JavaScript 拷贝以下 HTML 代码中动态生成的内容：

立即学习“Java免费学习笔记（深入）”；

                                            
        
                    const data = ["AAA", "BBB", "CCC"]            data.forEach((el)=>{$("#test").append(`                    
${el}
                `)            })            

登录后复制

答案

要拷贝动态生成的内容，可以使用 JavaScript 中的 document.documentElement.innerHTML 属性。该属性可以获取当前 HTML 文档的整个 HTML 内容，包括动态生成的元素。

const copiedHTML = document.documentElement.innerHTML;console.log(copiedHTML);

登录后复制

输出结果：

                                            
            
AAA
            
BBB
            
CCC
        
                    const data = ["AAA", "BBB", "CCC"]            data.forEach((el)=>{$("#test").append(`                    
${el}
                `)            })            

登录后复制

通过 document.documentElement.innerHTML 属性，我们成功地拷贝了动态生成的 HTML 内容，包括三个

标签及其文本内容。

以上就是如何使用 JavaScript 拷贝动态生成的 HTML 内容？的详细内容，更多请关注【创想鸟】其它相关文章！