如何在iframe中使用动态插入的元素打印iframe？

Question

我正在开发一个页面，其中有一个带有pdf文件src的iframe。

<iframe height="100%" id="iframeId" src="somepdfFile.pdf" width="80%"></iframe>

我使用这样的jquery在此iframe中插入一个元素

$('#iframeId').contents().find('body').prepend('<div class="watermark-bg"></div>');

工作正常。但是问题是当我使用此js代码打印此iframe时

var PDF = document.getElementById('iframeId');
PDF.focus(); 
PDF.contentWindow.print();

我们可以在打印视图屏幕中看到pdf文件，但没有出现插入的div。 任何帮助都会得到确认。