html隐藏文字 点击查看更多,js 文字超出部分隐藏、点击显示更多示例

感兴趣js 文字超出部分隐藏、点击显示更多示例的小伙伴，下面一起跟随编程之家 jb51.cc的小编来看看吧。

css：

*{

padding: 0;

margin: 0;

}

.text-hide{

width: 250px;

font-size: 16px;

color: #666;

border: 1px solid #ccc;

line-height: 24px;

}

.check-more{

margin-left: 5px;

font-size: 14px;

color: red;

cursor: pointer;

}

.click-show{

width: 250px;

border: 1px solid #ccc;

font-size: 16px;

color: #666;

line-height: 24px;

}

html:

一段文字,一段文字一段文字一段文字,一段文字一段文字

不同的位置处理字体的隐藏，操作多个

dfadfj

var ps = document.querySelectorAll('.text-hide');

var divs = document.querySelectorAll('.click-