js实现当页面文字过长时用...表示，当点击时显示全部内容
2015-01-14 18:35
776 查看
<!DOCTYPE html>
<html>
<body onload='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)' onclick='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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS/jQuery实现默认显示部分文字点击按钮显示全部内容
- JS实现默认显示部分文字点击按钮显示全部内容
- JS/jQuery实现默认显示部分文字点击按钮显示全部内容
- TextView属性android:ellipsize实现跑马灯效果,TextView内容过长加省略号，点击显示全部内容
- 如何实现js展开收起（折叠）效果呢？例如：一段内容过长了，我限制他显示为20个字内，但是超出了20的就先用省略号代替，然后后面添加一个展开，点击展开后就显示所有的内容，这时候展开按钮就变成了 折叠按钮
- JS实现显示部分文字点击显示全部
- TextView内容过长显示指定行数加省略号，点击显示全部内容
- Android TextView内容过长加省略号，点击显示全部内容
- js实现文本框中输入文字页面中div层同步获取文本框内容的方法
- 页面tips实现文字过长换行显示
- 实现对过长文字内容进行分页显示
- ext4js 主页面布局，动态分配菜单，并点击url 显示到内容面板中
- js点击列表文字对应该行显示背景颜色的实现代码
- Android TextView内容过长加省略号，点击显示全部内容
- js实现文本框中输入文字页面中div层同步获取文本框内容的方法
- jsp页面显示指定文字，多余的用...代替，鼠标指着会显示全部内容
- Android TextView内容过长加省略号，点击显示全部内容
- Android TextView内容过长加省略号，点击显示全部内容
- 表单提交到下一个页面后，再点击IE上的后退，如何能让表单内容再次显示出来？(以及当前页禁止IE返回按钮js)
- 文字过长 用 ... 表示 CSS实现单行、多行文本溢出显示省略号