javascript下将两个独立的div模块交换位置求解
大概内容就是下面这样，然后我要选择输入比如block1，block3之后点确定这两个div模块就会完整的互换位置，包括内容大小名称。求解求解<divid="content...
大概内容就是下面这样，然后我要选择输入比如block1，block3之后点确定这两个div模块就会完整的互换位置，包括内容大小名称。求解求解
<div id="content1"style="width:500px; height:200px; border:1px solid black">
This is block 1
</div>
<div id="content2"style="width:500px; height:200px; border:1px solid black">
This is block 2
</div>
<div id="content3"style="width:500px; height:200px; border:1px solid black">
This is block 3
</div>
<div id="content4"style="width:500px; height:200px; border:1px solid black">
This is block 4
</div> 展开
<div id="content1"style="width:500px; height:200px; border:1px solid black">
This is block 1
</div>
<div id="content2"style="width:500px; height:200px; border:1px solid black">
This is block 2
</div>
<div id="content3"style="width:500px; height:200px; border:1px solid black">
This is block 3
</div>
<div id="content4"style="width:500px; height:200px; border:1px solid black">
This is block 4
</div> 展开
1个回答
展开全部
<BODY>
<div id=SS>
</div>
<input id=I1>
<input id=I2>
<button onclick='change()'/>change</button>
</BODY>
<SCRIPT>
var kk=[
'<div id="content1"style="width:500px; height:20px; border:1px solid black">B1</div>',
'<div id="content2"style="width:500px; height:20px; border:1px solid black">B2</div> ',
'<div id="content3"style="width:500px; height:20px; border:1px solid black">B3</div> ',
'<div id="content4"style="width:500px; height:20px; border:1px solid black">B4</div>'
]
var cx=[0,1,2,3];
for(var i = 0 ;i<kk.length;i++){
SS.insertAdjacentHTML('beforeEnd',kk[i])
}
function change(){
var c0;
var c1;
for(var i =0 ; i<cx.length;i++){
if ( SS.children(i).innerHTML== I1.value ){
c0=i
}
if( SS.children(i).innerHTML== I2.value ){
c1=i
}
}
var a=cx[c1]
cx[c1]=cx[c0]
cx[c0]=a
for(var i =0 ; i<cx.length;i++){
SS.removeChild(SS.children(0))
SS.insertAdjacentHTML("beforeEnd",kk[cx[i]]);
}
}
</SCRIPT>
追问
麻烦问一下 为什么你在'B4'这里加上B4呢？起到什么作用呢？
然后这个不知为何在我电脑上运行不了。。能不能麻烦看下是不是哪里有点小bug
在最上面是要写 还是script language = javascript呢？
追答
script 标签 默认的语言就是 javascript ，如果你用vb 那就要指定语言了。所有写这两种是一眼的。
另外B4 就是你写的This is block 4 ，你在2两个 文本框中分别打上B1 B4 就会交换2个div了，
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
