注册/登录,欢迎光临!
加入收藏设为首页网站地图
您当前的位置:辛勤IT网 >> 页面特效 >> JavaScript >> js实现点击切换文字
热门:word | excel | powerpoint

js实现点击切换文字

2020/5/9 20:51:39 所属分类:页面特效 - JavaScript
内容提要: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>

页面特效 | JavaScript
相关文章
最近更新
推荐信息
关于我们 | 联系方式 | 对话本站 | 版权声明 | 所有信息