首页 > 代码库 > js操作document文档元素 节点交换交换
js操作document文档元素 节点交换交换
<input type="text" value="http://www.mamicode.com/1" id=‘text1‘>
<input type="text" value="http://www.mamicode.com/2" id=‘text2‘>
<script>
function a1(){
var a=document.getElementById(‘text1‘);
var b=document.getElementById(‘text2‘);
var c=a;
a.parentNode.removeChild(a);
b.parentNode.insertBefore(a,b);
b.parentNode.appendChild(c);
}
window.setTimeout(a1,1000);
</script>
c=a 实际上是指向同一个节点元素 所以移除后使用
insertBefore插入到b之前 后边又追加在b父节点的最后面 但并没有出现3个输入框 而是将text1移动到了后面
所以上面的代码可以进一步简化
<input type="file" id=‘text1‘>
<input type="file" id=‘text2‘>
<button onclick="a1()">交换</button>
<script>
function a1(){
var a=document.getElementById(‘text1‘);
var b=document.getElementById(‘text2‘);
b.parentNode.appendChild(a);
}
</script>
js操作document文档元素 节点交换交换
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。