js截断字符串？

悠然不贰 2009-09-07 03:56:41

实际情况是这样，代码如下：



<ul id="lst">

<li><a href="">11111111111111111111</a></li>

<li><a href="">22222222222222222222</a></li>

<li><a href="">33333333333333333333</a></li>

</ul>

现在是想利用js将第一个a标记，长度截取到10，也就是这样：



<ul id="lst">

<li><a href="">1111111111</a></li>

<li><a href="">22222222222222222222</a></li>

<li><a href="">33333333333333333333</a></li>

</ul>

请问如何实现？请大家会的指点一下，不会的帮顶一下，能提供思路多多提供思路，感激不尽。

...全文

841 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

24K純帥 2009-09-07

打赏
举报

4L的易懂，我第一个想到这样做

zhengweitao 2009-09-07

打赏
举报

[Quote=引用 6 楼 sandy945 的回复:]
HTML code<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"><html><head><scriptsrc="http://code.jquery.com/jquery-latest.js"></s¡
[/Quote]
TY

king5281273 2009-09-07

打赏
举报

<li><a href="" id="a1">11111111111111111111</a></li>
<script language="javascript">
document.getElementById("a1").innerText=document.getElementById("a1").innerText.substr(0,10);

</script>
<li><a href="">22222222222222222222</a></li>
<li><a href="">33333333333333333333</a></li>
</ul>

PSSonyXbox 2009-09-07

打赏
举报

1 2 楼正解呀

nocallstle 2009-09-07

打赏
举报

[Quote=引用 7 楼 syc958 的回复:]
兼容一个...
<HTML>
<body>
<ul id="lst">
<li> <a href="">11111111111111111111 </a> </li>
<li> <a href="">22222222222222222222 </a> </li>
<li> <a href="">33333333333333333333 </a> </li>
</ul>
<script>
var as=document.getElementById("lst").getElementsByTagName("li");
if(navigator.userAgent.indexOf("MSIE")>0)
{
if(as.length>0&&as[0].innerText.length>10)
{
as[0].innerText=as[0].innerText.substr(0,10);
}
}
else
{
if(as.length>0&&as[0].textContent.length>10)
{
as[0].textContent=as[0].textContent.substr(0,10);
}
}
</script>
</body>
</HTML>
[/Quote]

顶我也是这样写的`

me_child 2009-09-07

打赏
举报

100？我拿了。

代码如下（经测试可行）：



<ul id="lst">

<li><a href="">11111111111111111111</a></li>

<li><a href="">22222222222222222222</a></li>

<li><a href="">33333333333333333333</a></li>

</ul>





//这一段JS要放到ul之后，因为有个页面载入的问题  如果放到上面就执行的话就得不到实例，放到上面或外部导入就需要引入JQUERY， 需要我话我另写。

<script language="javascript" type="text/javascript">

var target=document.getElementById("lst");

var liList=target.getElementsByTagName("li");

//alert(liList.length);

var temper=liList[0].getElementsByTagName("a")[0];//这里可以改任意一个的内容。

//alert(temper.innerHTML);



temper.innerHTML=(temper.innerHTML).substring(0,10);

</script>

syc958 2009-09-07

打赏
举报

兼容一个...
<HTML>
<body>
<ul id="lst">
<li> <a href="">11111111111111111111 </a> </li>
<li> <a href="">22222222222222222222 </a> </li>
<li> <a href="">33333333333333333333 </a> </li>
</ul>
<script>
var as=document.getElementById("lst").getElementsByTagName("li");
if(navigator.userAgent.indexOf("MSIE")>0)
{
if(as.length>0&&as[0].innerText.length>10)
{
as[0].innerText=as[0].innerText.substr(0,10);
}
}
else
{
if(as.length>0&&as[0].textContent.length>10)
{
as[0].textContent=as[0].textContent.substr(0,10);
}
}
</script>
</body>
</HTML>

阿非 2009-09-07

打赏
举报



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 

                    "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

  <script src="http://code.jquery.com/jquery-latest.js"></script>

  

  <script>

  $(document).ready(function(){

    $($("a")[0]).text($($("a")[0]).text().substring(0,10));

  });

  </script>

</head>

<body> 

<ul id="lst">

<li><a href="">11111111111111111111</a></li>

<li><a href="">22222222222222222222</a></li>

<li><a href="">33333333333333333333</a></li>

</ul>



</body>

</html>

一弗楚 2009-09-07

打赏
举报

<HTML>
<body>
<ul id="lst">
<li><a href="">11111111111111111111</a></li>
<li><a href="">22222222222222222222</a></li>
<li><a href="">33333333333333333333</a></li>
</ul>
<script>
var as=document.getElementById("lst").getElementsByTagName("li");
if(as.length>0&&as[0].innerText.length>10)
{
as[0].innerText=as[0].innerText.substr(0,10);
}
</script>
</body>
</HTML>

SK_Aqi 2009-09-07

打赏
举报

function subStr()

{

    var test = document.getElementById ("test").innerText;

    alert(test.substr(0,10));

}

添加onclick.

<input id="Button1" type="button" value="button"  onclick="subStr()" />

happynowhere 2009-09-07

打赏
举报

var str = $("#lst li:first").html();
$("#lst li:first").html(str.substr(0, 10));

c02645 2009-09-07

打赏
举报

yechd 2009-09-07

打赏
举报

substr(0, 10)

本文实例讲述了JavaScript截断字符串的方法。分享给大家供大家参考。具体如下：这里JavaScript截断字符串，类似于substr()，只不过这个函数不会截断单词，在发生截断后，会添加一个省略号 if (!function_exists('subsent')) { function subsent($string, $start = 0, $length = 0, $cap = '...') { if ($length <= 0 || strlen($string) < $length) { return $string; } $string = substr($s

地图数据存放在sqlserver 2008中，使用mapxtreme7 开发时，使用Feature.Update()方法时出错的提示包含“MSSQL 将截断字符串或二进制数据” 主要原因就是给某个字段赋值时，内容大于字段的长度或类型不符造成的解决方法：一个是修改数据库字段大小；再一就是是加强数据强壮性，严格的输入判断。防止添加的信息类型或者长度与数据库表中字段所对应的类型不符合。您可能感兴趣的文章:C# double和decimal数据类型以截断的方式保留指定的小数位数oracle中截断表的使用介绍js中根据字数截取字符串，不能截断ur

唐纳德·特伦克 jQuery插件，可让您在浏览器中截断字符串。入门为了使用它，您只需要将js文件包含到html页面中即可。在您的jquery实例之后要小心： [removed][removed] [removed][removed] 凉亭使用Bower安装和管理donadtrunc。 $ bower install donaldtrunc 用法使用donaldtrunc非常简单。为此，您只需要在想要的任何jquery选择器上激活它，就像这样 $('.selector').donaldtrunc(); 这只会截断.selector元素内的内容，并仅显示字符串的前10个字符。要小心并使用.donaldtrunc(); 在不包含任何子元素的DOM元素上，像span这样的元

React截断字符串 像黄油一样截断字符串。特征它会在中间截断很长很长很长...很长很长的弦！要求该库依赖于空格进行截断。感谢。演示： : :rocket: 超快的 :rainbow: 超轻：1.76 KB 目录贡献去做执照安装 yarn add react-truncate-string 用法在字符串中间截断 import TruncateString from 'react-truncate-string' ... render ( ) { return < TruncateString xss=removed> } 将字符串截断90％ import TruncateString from 'react-truncate-string' ... render ( ) { return < TruncateString t

substr 函数：截取字符串 语法：SUBSTR(string，start， [length]) string：表示源字符串，即要截取的字符串。 start：开始位置，从1开始查找。如果start是负数，则从string字符串末尾开始算起。 length：可选项，表示截取字符串长度。示例： SELECT SUBSTR('Hello SQL!', 1) FROM dual --截取所有字符串，返回'Hello SQL!' SELECT SUBSTR('Hello SQL!', 2) FROM dual --从第2个字符开始，截取到末尾。返回'ello SQL!' SELECT

.NET社区

62,074

社区成员

669,028

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章