使用HTML只显示多少文字的代码
在网页设计中,我们有时候需要只显示一部分文字,并在后面加上省略号,这就需要使用HTML来实现。下面是一个示例代码,可以用来实现这个功能。
<p>这是一段需要截取的长文本,可以在里面添加任意多的文字。</p> <script> var num = 10; // 截取的字数 var str = document.getElementsByTagName('p')[0].innerHTML; var newStr = str.substring(0,num) + "..."; document.getElementsByTagName('p')[0].innerHTML = newStr; </script>
在这段代码中,我们使用了JavaScript来获取需要截取的文本,并进行了截取操作。其中,num变量表示需要截取的字数,str变量获取了p标签中的文本内容,然后使用substring方法进行了截取。最后,使用innerHTML属性将截取后的文本重新赋给p标签,从而实现了只显示一部分文字的效果。