<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head><body>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function swap(){
var pNode1, pNode2;
pNode1 = $("div1").parentNode;
pNode2 = $("div2").parentNode;
pNode1.appendChild($("div2"));
pNode2.appendChild($("div1"));
}
</script>
<table >
<tr><td>
<div id="div1">视频1</div>
</td><td>
<div id="div2">视频2</div>
</td></tr>
</table>
<input type="button" name="btn" id="btn" value="交换" onclick="swap()" />
</body>
</html>
解决方案 »
- 菜鸟问题:怎么将这些JS代码写到一个JS文件里?
- 盛大面试题:js检查页面上有无重复id(可用框架jquery,加分后重发)
- 层拖拽问题请教高手
- div定位问题
- JAVAScript中,有一个textarea中比如输入AAA;BBB;CCC;DDD;当鼠标移动到这个字符上时;
- Jquery ui scroll draggable 鼠标错位问题
- 我有个window.close()代码,本来用IP访问可以执行,可是做了域名解析之后就不能执行了,听说是跨域就不能执行,有什么解决方法吗?
- 这样的格式怎样判断啊?
- 如何用按钮控制拖动条?想让它往哪动就动,想让它停止就停止!
- 怎么获取当前窗口中frame的个数???
- JS传递问题
- 有个小问题,高手进来看看
<input type="button" onclick="changePos()" value="Change Position" />
<div id="div1" style="position: absolute; z-index: 800; width: 250px; height: 200px;
background-color: Blue; top: 117px; left: 90px;">
</div>
<div id="div2" style="position: absolute; z-index: 900; width: 250px; height: 200px;
background-color: Gray; top: 133px; left: 113px;">
</div>
</div> <script language="javascript" type="text/javascript">
function changePos()
{
var d1=document.getElementById('div1');
var d2=document.getElementById('div2');
var temp=d1.style.zIndex;
d1.style.zIndex=d2.style.zIndex;
d2.style.zIndex=temp;
}
</script>