在ie6下remove包含iframe的table所在的容器，会导致页面控件的焦点诡异丢失。
标题MS有点绕，就是说，我先在页面中放一个<input type="text"/>;，再动态添加一个div。在div中，我添加一个table子节点，再在table里添加一个iframe子节点。这时如果把焦点移到table里的任何子节点上，再把div给remove掉，就会导致input的焦点丢失，而且鼠标点击也无效。。。以下代码可以看到效果：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>iframe removed</title> </head> <body> <input type="text" value="test text"/> <input id="btnAdd" type="button" value="add"/> <input id="btnRm" type="button" value="remove"/> </body>
<script type="text/javascript">
function $I(id){
return document.getElementById(id);
} var d=document.createElement("div"); d.innerHTML='<table>'+ '<tr>'+ '<td>'+ '<iframe style="width:200px;height:200px;" id="ifm1" src="http://www.baidu.com"></iframe>'+ '</td>'+ '<td></td>'+ '</tr>'+ '</table>'; $I("btnRm").onclick=function(){ d.parentNode.removeChild(d); } $I("btnAdd").onclick=function(){ document.body.appendChild(d); $I("ifm1").focus(); }
</script></html>
以上代码在ie6下运行时， 在点击add之前，text可聚焦且内容可选，
当点击add时候会动态创建一个包含table和iframe的div，并且当前焦点会移到iframe上，这时直接点击remove，
div移除，text不可聚焦且内容不可选(按tab键可激活)，不知道这算不算是IE6的一个BUG。。。。
目前解决方法：在remove div的时候，将iframe的src设为空，即在
$I("btnRm").onclick=function(){
d.parentNode.removeChild(d);
}
这里加一句变为：
$I("btnRm").onclick=function(){
$I("ifm1").src="";
d.parentNode.removeChild(d);
}
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器