您的位置：首页 > Web前端 > JavaScript

js点击收缩展开文本

2018-03-22 13:52 316 查看 
<body>
<p>
<span>本次薪酬数据是中智上海旗下中智咨询人力资本数据中心调研2017至2018跨年度人力资源关键指标后得出的，参与调研的企业样本数为2800余家，其中上海地区样本约占20%。</span>.....<a href="javascript:;">>>收缩</a>
</p>
<script type="text/javascript">
window.onload = function(){
var oP = document.getElementsByTagName('p')[0];
var oSpan = oP.getElementsByTagName('span')[0];
var oA = oP.getElementsByTagName('a')[0];
var str = oSpan.innerHTML;
var onOff = true;

oA.onclick = function(){
if( onOff ){
oSpan.innerHTML=str.substring(0,20);//substr slice都可以
oA.innerHTML = '>>展开';
//onOff = false;
}else{
oSpan.innerHTML=str;
oA.innerHTML = '>>收缩';
//onOff = true;
}
onOff = !onOff;
};
};
</script>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航