建站教学网,让你建站更便捷和轻松!
您当前的位置:首页 > 网页制作 > Javascript/Ajax

一个div获取另外一个div值的方法

来源:  时间:2019-04-04 18:09:02
<!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 onload="random()">
<div id="aa">div2显示内容</div>

<div id="b1" style="display:none">这里显示id=1的内容</div>
<div id="b2" style="display:none">这里显示id=2的内容</div>
<div id="b3" style="display:none">这里显示id=3的内容</div>
<div id="b4" style="display:none">这里显示id=4的内容</div>
<div id="b5" style="display:none">这里显示id=5的内容</div>






<script type="text/javascript">
function random(){
var a = parseInt(Math.random()*100);
var b = a%5+1;
if(b==1){
document.getElementById("aa").innerHTML=document.getElementById("b1").innerHTML;
}
else if(b==2){
document.getElementById("aa").innerHTML=document.getElementById("b2").innerHTML;

}else if(b==3){
document.getElementById("aa").innerHTML=document.getElementById("b3").innerHTML;
}
else if(b==4){
document.getElementById("aa").innerHTML=document.getElementById("b4").innerHTML;
}
else if(b==5){
document.getElementById("aa").innerHTML=document.getElementById("b5").innerHTML;
}
}
</script>

</body>
</html>
 

责任编辑:

免责声明:建站教学网内容来源于本网和互联网,如媒体、公司、企业或个人对该部分主张知识产权,请与本站联系,本网站将迅速采取适当措施,否则,与之有关的知识产权纠纷本网站不承担任何责任。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
精华推荐
CopyRight 2008-2019, JZREAD.COM, Inc. All Rights Reserved
皖ICP备09015033号