打印html而不是纯文本[重复]

wpx232ag 于 2023-01-07 发布在其他

关注(0)|答案(1)|浏览(114)

- 此问题在此处已有答案**：

Appending HTML string to the DOM（11个答案）
3天前关闭。
你好我试图打印html代码，和iframe更准确。当我添加我的html iframe代码打印，但纯文本。我想看到的内容实际iframe。谢谢

<script>
const messages = ['<iframe src="https://stvkr.com/v2/click-Aw0XO-8X5JXO-rJ2rv-d6edfeee2?tl=1"></iframe>', '<iframe src="https://stvkr.com/v2/click-Aw0XO-8X5JXO-rJ2rv-wwwwwedfd12?tl=1"></iframe>' , '<iframe src="https://stvkr.com/v2/cliedAw0XO-8X5JXO-rJ2rv-d6edfd12?tl=1"></iframe>'];
let cnt = 0;
const show = () => {
    if (cnt >= messages.length) return;
    document.body.append(document.createTextNode(messages[cnt]));
    cnt++;
};
setInterval(show,2000)

</script>

Html

来源：https://stackoverflow.com/questions/74998857/print-html-instead-of-plain-text

1条答案

按热度按时间

7uhlpewt1#

您可以尝试以下其中一项：
这一个使用innerHTML的身体，所以它可以打破的东西：

const messages = ['<iframe src="https://stvkr.com/v2/click-Aw0XO-8X5JXO-rJ2rv-d6edfeee2?tl=1"></iframe>', '<iframe src="https://stvkr.com/v2/click-Aw0XO-8X5JXO-rJ2rv-wwwwwedfd12?tl=1"></iframe>', '<iframe src="https://stvkr.com/v2/cliedAw0XO-8X5JXO-rJ2rv-d6edfd12?tl=1"></iframe>'];
let cnt = 0;
const show = () => {
  if (cnt >= messages.length) return;
  document.body.innerHTML += messages[cnt];
  cnt++;
};
setInterval(show, 100)

这一个将iframe封装在divs中，所以它也不是完美的：

const messages = ['<iframe src="https://stvkr.com/v2/click-Aw0XO-8X5JXO-rJ2rv-d6edfeee2?tl=1"></iframe>', '<iframe src="https://stvkr.com/v2/click-Aw0XO-8X5JXO-rJ2rv-wwwwwedfd12?tl=1"></iframe>', '<iframe src="https://stvkr.com/v2/cliedAw0XO-8X5JXO-rJ2rv-d6edfd12?tl=1"></iframe>'];
let cnt = 0;
const show = () => {
  if (cnt >= messages.length) return;
  const div = document.createElement('div')
  div.innerHTML = messages[cnt];
  document.body.append(div);
  cnt++;
};
setInterval(show, 100)

赞(0）回复(0）举报 2023-01-07

我来回答

打印html而不是纯文本[重复]

1条答案

相关问题

热门标签

最新问答