JS实现多行文本最后是省略号紧随其后还有个超链接在同一行的需求
Posted ppjj
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS实现多行文本最后是省略号紧随其后还有个超链接在同一行的需求相关的知识，希望对你有一定的参考价值。
1、布局及样式如下图：
2、js获得上图的div对象，然后判断div对象的高度，如果大于一行的高度了表示内容有两行了，再获得span标签里面的内容并用正则将后六个字符替换成“......”这里的实现代码可以这样写span.innerhtml = span.innerHTML.replace(/.(\.\.\.\.\.\.)?$/,"......");然后再将a链接的display属性设置为a.style.display="";将a超链接显示出来即可。
以上是关于JS实现多行文本最后是省略号紧随其后还有个超链接在同一行的需求的主要内容，如果未能解决你的问题，请参考以下文章