js实现当页面文字过长时用...表示，当点击时显示全部内容

最新推荐文章于 2023-05-17 19:43:54 发布

ffpositive

最新推荐文章于 2023-05-17 19:43:54 发布

阅读量1.5k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/dnsservers/article/details/42713555

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<body οnlοad='trace()'>
<p id="p1" name="p1" value="JavaScript sssssssss">
JavaScript sssssssss
</p>
<script >
function trace(){
var divs = document.all.p1;
 if(divs.innerHTML.length > 10 )
 {
  divs.innerHTML = divs.innerHTML.substring(0,10)+"<a href='#none' style='color:blue' onMouseOver='overdivA(this);' onMouseOut='outdivA(this)' οnclick='showDiv(this.parentElement);'>.....</a>";
 }
}
 function overdivA(diva)   
 {   
    diva.style.color="#c00";  
 }   
 function outdivA(diva)   
 {   
    diva.style.color="#03c";    
 }
function showDiv(div){
  div.innerHTML = div.getAttribute('value');//firefox chrome 不支持div.value
}
</script>
</body>
</html>

优惠劵

ffpositive

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现当页面文字过长时用...表示，当点击时显示全部内容

JavaScript sssssssssfunction trace(){var divs = document.all.p1; if(divs.innerHTML.length > 10 ) { divs.innerHTML = divs.innerHTML.substring(0,10)+"....."; }} function overdivA(diva) {
复制链接

扫一扫