我是靠谱客的博主 健忘西装，最近开发中收集的这篇文章主要介绍设置iframe的document.designMode后仅Firefox中其body.innerHTML为br，觉得挺不错的，现在分享给大家，希望可以做个参考。
概述
重现如下：
复制代码 代码如下:
<!doctype html>
<html>
<head>
<title>设置iframe的document.designMode后仅Firefox中其body.innerHTML为br</title>
<meta charset="utf-8">
</head>
<body>
<iframe frameborder="1" style="height: 330px;"></iframe>
<script>
var ifr = document.getElementsByTagName('iframe')[0];
var doc = ifr.contentWindow.document;
function prif() {
console.log(ifr.contentWindow.document.body.innerHTML);
}
function changeDesignMode() {
ifr.contentWindow.document.designMode = 'On';
}
prif();
</script>
</body>
</html>
以上代码iframe的body中没有写入任何html标记。正常情况下输出ifr.contentWindow.document.body.innerHTML应该是空字符串。但Firefox中有点特殊。
请按下面步骤依次操作。
Firefox中打开该html默认输出了空字符串
控制台中执行changeDesignMode方法，再执行prif方法，这时输出的innerHTML为“<br>”，如下
Chrome/Safari/Opera输出的仍然是空字符串。
最后
以上就是健忘西装为你收集整理的设置iframe的document.designMode后仅Firefox中其body.innerHTML为br的全部内容，希望文章能够帮你解决设置iframe的document.designMode后仅Firefox中其body.innerHTML为br所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复