2个div内容交换不用innerHTML似乎办不到?
16lz
2021-01-22
我试过了
<divid="a1">
<divid="top1">....................</div>
</div>
<divid="a2">
<divid="top2">....................</div>
</div>
vart1=document.getElementById("top1");
vart2=document.getElementById("top2");
document.getElementById("a1").appendChild(t2);
document.getElementById("a1").removeChild(t1);
document.getElementById("a2").appendChild(t1);
document.getElementById("a2").removeChild(t2);
此法错误
提示UncaughtError:NOT_FOUND_ERR:DOMException8
据我推测是document.getElementById("top1");等2个的引用失效了,怎么处理?
我把最后一句注释掉就没有了
<divid="a1">
<divid="top1">....................</div>
</div>
<divid="a2">
<divid="top2">....................</div>
</div>
vart1=document.getElementById("top1");
vart2=document.getElementById("top2");
document.getElementById("a1").appendChild(t2);
document.getElementById("a1").removeChild(t1);
document.getElementById("a2").appendChild(t1);
document.getElementById("a2").removeChild(t2);
此法错误
提示UncaughtError:NOT_FOUND_ERR:DOMException8
据我推测是document.getElementById("top1");等2个的引用失效了,怎么处理?
9 个解决方案
#1
我把最后一句注释掉就没有了
<body>
<divid="a1">
<divid="top1">1111</div>
</div>
<divid="a2">
<divid="top2">2222</div>
</div>
<script>
vart1=document.getElementById("top1");
vart2=document.getElementById("top2");
document.getElementById("a1").appendChild(t2);
document.getElementById("a1").removeChild(t1);
document.getElementById("a2").appendChild(t1);
//document.getElementById("a2").removeChild(t2);
</script>
</body>
更多相关文章
- html2canvas 识别 svg 解决方案
- 将我的代码中的JavaDoc注释转换为HTML
- HTML5用户身份认证源代码:注册、登录、会话保持的解决方案
- 用于在表中强制换行的PHP或HTML/CSS解决方案
- 如何实现分布式文件上传解决方案?
- 一套PHP做app接口的解决方案
- curl获取网页内容出现乱码或为空的解决方案,另附curl_getinfo函数
- PHP XAMPP配置PHP环境和Apache80端口被占用解决方案
- MySql 修改列的注释信息的方法