广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 计算机教程 > 正文

JavaScript实现点击切换文字_惠州JavaScript

作者:黄君发布时间:2020-11-26分类:计算机教程浏览:1892


导读: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>

.NET软件工程师.jpg

标签:惠州北大青鸟惠州JavaScript培训惠州IT培训惠州软件培训惠州软件开发


计算机教程排行
标签列表
网站分类
文章归档
最近发表