菜鸟问题,高手见笑了

lulei 2006-05-22 09:43:56

<div id="d_Parent">
<div id="d_1"></div>
<div id="d_2"></div>
<div id="d_3"></div>
<div id="d_4"></div>
</div>
请教：如何用js使得d_１和d_3交换位置，以达到移动的目的

...全文

142 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

meizz 2006-05-22

打赏
举报

在没有外层 d_parent 的时候：

<div id="d_1">d_1</div>
<div id="d_2">d_2</div>
<div id="d_3">d_3</div>
<div id="d_4">d_4</div>

<br /> IE Only
<input type="button" value="swap" onclick="d_1.swapNode(d_3);">

<br /> cross browser
<input type="button" value="swap" onclick="mm();">
<SCRIPT LANGUAGE="JavaScript">
function mm()
{
var a = document.getElementById("d_1");
var b = document.getElementById("d_3");
b.parentNode.insertBefore(a.cloneNode(true), b.nextSibling);
a.parentNode.insertBefore(b, a.nextSibling);
a.parentNode.removeChild(a);
}
</SCRIPT>

woneinwy 2006-05-22

打赏
举报

当我啥都没说 ~_~////

woneinwy 2006-05-22

打赏
举报

<select name="mySelect" size="10">
<option value="value1" Selected>HTML</option>
<option value="value2">JavaScript</option>
<option value="value3">VBScript</option>
<option value="value4">css</option>
<option value="value5">dpwher</option>
</select>
<input type="button" onclick="moveto(3,0)" value="移动">
<SCRIPT LANGUAGE="JavaScript">
function moveto(from,to){
var objfrom = document.all.mySelect.options[from];
var objto = document.all.mySelect.options[to];
document.all.mySelect.options[from] = new Option(objto.text,objto.value);
document.all.mySelect.options[to] = new Option(objfrom.text,objfrom.value);
}
</SCRIPT>

lulei 2006-05-22

打赏
举报

那如果没有外层的<div id="d_Parent">怎么办呢?

meizz 2006-05-22

打赏
举报

<div id="d_Parent">
<div id="d_1">d_1</div>
<div id="d_2">d_2</div>
<div id="d_3">d_3</div>
<div id="d_4">d_4</div>
</div>
<br /> IE Only
<input type="button" value="swap" onclick="d_Parent.children(0).swapNode(d_Parent.children(2));">

<br /> cross browser
<input type="button" value="swap" onclick="mm();">
<SCRIPT LANGUAGE="JavaScript">
function mm()
{
var p = document.getElementById("d_Parent");
var a = document.getElementById("d_1");
var b = document.getElementById("d_3");
p.insertBefore(a.cloneNode(true), b.nextSibling);
p.insertBefore(b, a.nextSibling);
p.removeChild(a);
}
</SCRIPT>