日期:2014-05-17  浏览次数:20699 次

换图片位置的问题
本帖最后由 fffhhdd 于 2013-05-31 10:19:56 编辑
function actionTest(data2){
     var div2 = document.getElementById("d2");
     data2.ParentNode = div2;
     }

function shopping(data){
actionTest(data);
}


data2是传上来点击事件的img标签对象,我想直接换掉他的父标签,就可以将img标签原本的位置变动位置。。
记得原前写过一个这样的东西,是可以实现的。。但是现在写怎么都不合适。求高手帮忙。。。

<div id="d1" >
   <p>商品展示</p>
 <marquee direction=left align=middle border=1 id="m1">
   <img src="shoppingtest/png-0077.png" onclick="shopping(this)" />
   <img src="shoppingtest/png-0789.png" onclick="shopping(this)"/>
   <img src="shoppingtest/png-0790.png" onclick="shopping(this)"/>
   <img src="shoppingtest/png-0810.png" onclick="shopping(this)"/>
   <img src="shoppingtest/PNG-0938.png" onclick="shopping(this)"/>
   <img src="shoppingtest/PNG-0939.png" onclick="shopping(this)"/>
   <img src="shoppingtest/PNG-0940.png" onclick="shopping(this)"/>
   <img src="shoppingtest/PNG-0941.png" onclick="shopping(this)"/>
   <img src="shoppingtest/PNG-0952.png" onclick="shopping(this)"/>  
   </marquee>
  </div>
  
   <div id="d2">
   <p>已购商品</p>
   </div>

标签

------解决方案--------------------
好像没看到过子节点指定父节点。
一般都是父节点操作子节点,从d1里把data2remove掉,然后d2再appendChild()
------解决方案--------------------
如1L所说,一般都是父节点操作子节点的。

data2.ParentNode = div2;
改成
div2.appendChild(data2);

就可以了。