<div class="title" id="test" onclick="OpenCloseBox();" >展开 </div>
<script language="javascript">
function OpenCloseBox(){
if (document.getElementById("test").innerHTML == "展开 "){
document.getElementById("ID_Box").className="box1";
document.getElementById("test").innerHTML = "收缩 ";
}else {
document.getElementById("ID_Box").className="box2";
document.getElementById("test").innerHTML = "展开 ";
}
}
</script>
<script language="javascript">
function OpenCloseBox(){
if (document.getElementById("test").innerHTML == "展开 "){
document.getElementById("ID_Box").className="box1";
document.getElementById("test").innerHTML = "收缩 ";
}else {
document.getElementById("ID_Box").className="box2";
document.getElementById("test").innerHTML = "展开 ";
}
}
</script>
解决方案 »
- js如何替换多个空格为一个空格
- 我想请问纯javascript怎么绑定和取消事件
- 如何用JS做个"始终在新选项卡中弹出页面"的效果
- 高手请进,阿赖实用javascript控件如何实现点击横向菜根节点超链接问题
- 求ajax和xml的书
- 这个代码为什么我自己机器上用很好,可别人机器上就不好用了呢?在线等!谢谢
- 利用ajax与服务器通信,js中的程序没法正常执行
- 谁能帮我改写一下这个js 谢谢了 在线等
- 怎么样在dreamweaver MX中出现JAVASCRIPT函数的自动提示呀
- 不知哪位做过用javascript来取出数据库里的数据
- gb2312网页 如何调用 utf-8的js ?
- 关于ActionScript3和JavaScript
<style>
.box1{background:#dedede;font-size:14px;height:50px; width:400px;}
.box2{background:#f00;height:150px; width:400px;}
.title{background:#ccc;margin:10px 0px;cursor:pointer; line-height:25px;width:400px; cursor:pointer;}
</style>
<div id="ID_Box" class="box1">11111 <br/>2222 <br/>222 <br/>3333 </div>
<div class="title" onclick="OpenBox(this)">展开</div>
<!-- div class="title" onclick="CloseBox()">收缩 </div> -->
<script language="javascript">
function OpenBox(obj)
{
document.getElementById("ID_Box").className=(obj.innerText=="展开")?"box2":"box1";
obj.innerText=(obj.innerText=="展开")?"收缩":"展开";
}
//function CloseBox(obj)
//{document.getElementById("ID_Box").className="box1";obj.onclick=OpenBox;obj.innerText="展开"}
</script>