码迷,mamicode.com
首页 > Web开发 > 详细

js操作document文档元素 节点交换交换

时间:2016-11-25 23:47:58      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:ext1   for   java   cti   window   button   put   time   交换   

<input type="text" value="1" id=‘text1‘>
<input type="text" value="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文档元素 节点交换交换

标签:ext1   for   java   cti   window   button   put   time   交换   

原文地址:http://www.cnblogs.com/ProDoctor/p/6103145.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!