本文阐述了用JavaScript隐藏省略单词的方法。分享给大家参考,如下:
html头元http-equiv=' Content-Type ' Content=' text/html;charset=GB 2312 '/title js/title/head body div ID=' content '有一种心态叫放手;有一种境界叫放弃;有一种幸福叫等待;有一种智慧叫低调;有一种选择叫做放弃;有一种理解叫迷茫;有一种心态叫宽容;有一种幸福叫简单;有一种美德叫微笑;有一种幸福叫珍惜;有一种美叫自信;有一种感觉叫分享;有一种真感情叫爱情;有一种温暖叫感恩;有一种成功叫做坚持。/div script language=' JavaScript '(function(){ var len=50;//默认显示的字数var content=document . getelementbyid(' content ');//content获取content div对象var text=content.innerHTML//text是内容var span=document . create element(' span ');//创建一个SPAN标记var n=document . create element(' a ');//创建一个a标记span . innerhtml=text . substring(0,len);//SPAN标签内容是文本的第一个len字符n . innerhtml=text . len len?展开“:”;//所创建的一个标签内容是".expanded "如果内容字数大于len,否则为空n . href=' JavaScript 3360 void(0)';//设置标签a的链接地址(可选)n.onclick=function(){ //如果标签a的内容为,//点击链接a执行如下功能/.expand”,标签a的内容变成“fold”,SPAN标签的内容全部为DIV,否则内容为第一个len字符if (n.innerHTML=='.expand ')span . innerhtml=text;}else{ n.innerHTML='.展开';span . innerhtml=text . substring(0,len);} } content.innerHTML=//将DIV内容设置为null content . appendchild(span);//将SPAN元素添加到DIV content.appendChild(n)中;//将元素a添加到DIV })();/脚本/正文/html渲染:
更多对JavaScript相关内容感兴趣的读者可以查看本网站专题:《JavaScript字符与字符串操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》和0103010
希望本文对JavaScript编程有所帮助。