如何在表格单元格内显示动态html内容(如html页面预览)?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (66)

我有这个奇怪的要求,请耐心等我:)

我正在使用javascript(AJAX)调用API来获取一些数据,在这些数据中,我得到一个完整页面的html代码作为预览,我想要做的是显示所有这些数据以及预览(解释的课程) )在一张桌子里。

到目前为止我发现的是,我可以创建iframe元素并将html代码写入iframe的文档中,它有点工作,但它不是很实用,因为我对iframe没有那么多控制权,它的高度非常小,用户必须滚动才能看到整个页面。

这种情况的典型特征是使用一些图像缩略图,并将它们显示在表格单元格上?但不幸的是,API只提供了HTML代码。

我想问的是,除了iframe之外,我还有其他任何优雅的解决方案,或者iframe是我唯一的选择吗?

非常感谢你提前。

提问于
用户回答回答于

您可以执行一些字符串操作,并从ajax调用响应中精确提取所需的内容。假设您的回复如下:

<html>
 <head>
 </head>
 <body>
    <div>  <!-- extract from this div -->
        the content you need
    </div>
 </body>
</html>

您需要从div标记中提取并将其附加到要嵌入其中的标记。你正在删除顶部的html标签和body标签,因为你已经在你的页面中有它,否则你将需要使用iframe

扫码关注云+社区

领取腾讯云代金券