怎么才能显示5行，超过5行后面的变成省略号，然后点击省略号就显示全部内容。

[Zhb_3306]

<script type="text/javascript">
var test=document.getElementById("testte");
var test2= test.innerHTML.slice(0,200)+'[.....]';
test.innerHTML = test2;
</script>
这个会显示省略号，但是我想要省略号也可以点击，当点击后会显示全部内容，请问各位大神改怎么添加或修改

[functionsub]

var test=document.getElementById("testte");
var content = test.innerHTML;
var test2= test.innerHTML.slice(0,200);
test.innerHTML = test2;
var span = document.createElement('span');
span.innerHTML = '[....]'
test.appendChild(span);
span.onclick = function(){
    test.innerHTML = content;
}

[Zhb_3306]

@functionsub，请问下如果我要做到点击时能收回来，可以怎么改呢

[cn00439805]

超过5行应该判断高度， 而不是200字。

[___紫菜]

引用 2 楼 Zhb_3306 的回复:

@functionsub，请问下如果我要做到点击时能收回来，可以怎么改呢

判断超过200就再次赋值和加省略号

[functionsub]

var test=document.getElementById("testte");
var content = test.innerHTML;
function toggle(){
  var test2 = content.slice(0,200);
  test.innerHTML = test2;
  var span = document.createElement('span');
  span.innerHTML = '[....]'
  test.appendChild(span);
  span.onclick = function(){
      test.innerHTML = content;
      var _span = document.createElement('span');
      test.appendChild(_span);
      _span.onclick = toggle;
  }
}


toggle();

[functionsub]

      var _span = document.createElement('span');
      _span.innerHTML = '[收起]';
      test.appendChild(_span);
      _span.onclick = toggle；

上面漏了一行。

[Zhb_3306]

@functionsub ，不行喔，省略号展开后，再点击，回不到原来没点击之前的省略号，就是缩不下去喔

[Zhb_3306]

谢啦，成功了