这篇文章主要为大家展示了“javascript如何隐藏文字”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“javascript如何隐藏文字”这篇文章吧。
创新互联公司服务紧随时代发展步伐，进行技术革新和技术进步，经过十多年的发展和积累，已经汇集了一批资深网站策划师、设计师、专业的网站实施团队以及高素质售后服务人员，并且完全形成了一套成熟的业务流程，能够完全依照客户要求对网站进行做网站、成都网站制作、建设、维护、更新和改版，实现客户网站对外宣传展示的首要目的，并为客户企业品牌互联网化提供全面的解决方案。
javascript隐藏文字的方法：1、创建一个HTML示例文件；2、通过div设置文字内容；3、通过“function init(){...}”方法实现隐藏文字功能即可。
本文操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
javascript如何隐藏文字？
javascript实现文字隐藏
Html代码
无标题文档
function init(){
var len = 14; //默认显示字数
var ctn = document.getElementById("content"); //获取div对象
var content = ctn.innerHTML; //获取div里的内容
//alert(content);
var span = document.createElement("span"); //创建元素
var a = document.createElement("a"); //创建元素
span.innerHTML = content.substring(0,len); //span里的内容为content的前len个字符
a.innerHTML = content.length>len?"展开":""; //设置a的显示
a.href = "javascript:void(0)";
a.onclick = function(){
if(a.innerHTML.indexOf("展开")>0){ //如果a中含有"展开"则显示"收起"
a.innerHTML = "收起";
span.innerHTML = content;
}else{
a.innerHTML = "展开";
span.innerHTML = content.substring(0,len);
}
}
// 设置div内容为空，span元素 a元素加入到div中
ctn.innerHTML = "";
ctn.appendChild(span);
ctn.appendChild(a);
}
那片笑声让我想起我的那些花儿
在我生命每个角落静静为我开着
我曾以为我会永远守在他身旁
今天我们已经离去在人海茫茫
