Question

怎样用JS实现-点击文字 前后内容都变换

就是实现 点击展开后 展开文字变为搜索 点击收缩后 收缩变为展开
只是文字变换的效果~帮帮忙啦~

不是输入框啦~

Answer 1

给几种方法：

1. 添加点击事件，然后在点击事件里面改变元素的value

2. 利用元素互换的办法替换现有元素

3. 把需要的元素都放上去，让不用的影藏，用的显示

Answer 2

<input type="botton" id="btn" value="展开" onclick="changeVal(this);" />
<script type="text/javacript">
function changeVal(obj){
val=obj.value; //好像V要大写.Value都试试吧
if(val=="展开"){
obj.value="收缩";
}else if(val=="收缩"){
obj.value="展开";
}
}
</script>

Answer 3

<a href="javascript:if(this.innerText=='展开')this.innerText='收缩';else this.innerText='展开'">展开</a>