1. 程式人生 > >js實現點選切換文字

js實現點選切換文字

點選實現文字的切換,通常用在商品的收藏

<p id="btn" onclick="changeVal(this);" >展開</p>

<script>    
function changeVal(obj){
    var val=document.getElementById("btn");
    if(val.innerHTML=="展開"){
        obj.innerHTML="收縮";
    }else if(val.innerHTML=="收縮"){
        obj.innerHTML="展開";
    }
}

</script>

又或者簡單點的

<p onclick="javascript:this.innerHTML=(this.innerHTML=='更多'?'收起':'更多');">更多</p>