文字收缩、展开（默认展开）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/erdouzhang/article/details/77319582

html：

<p><span>JavaScript 是属于网络的脚本语言！...</span><a href="javascript:;">>>收缩</a></p>

css：

a {text-decoration: none;}/* 去掉a的默认下划线*/

js：

var oP = document.getElementsByTagName('p')[0];
var oSpan = document.getElementsByTagName('span')[0];
var oA = document.getElementsByTagName('a')[0];
var str = oSpan.innerHTML;//获取文字内容，方便隐藏和显示
var onOff = true;//开关

oA.onclick = function(){
    if(onOff){
        oSpan.innerHTML = str.substring(0,18);
        oA.innerHTML = '......>>展开';
    }else{
        oSpan.innerHTML = str;
        oA.innerHTML = '<<收缩';                  
    }
    onOff = !onOff;//每次点击之后都取反
};

注意：
1、每次点击完之后一定要取反onOff = !onOff