Question

我的网页上有一个标题，我想限制为一定数量的字符。该标题是博客文章，所以标题更改。这是我想要完成的事情。

<body>

   <script>
    var x= document.getElementById("entry-title");
    document.write(x.substring(0,10));
   <script> 

    <h1 id="entry-title">This is a sample blog title</h1>

</body>

Answer 1

<h1 id="entry-title">This is a sample blog title</h1>
<script>
(function() {
    var el = document.getElementById("entry-title"),
        supportedProp = el.textContent != null ? 'textContent' : 'innerText';

    el[supportedProp] = el[supportedProp].substring(0, 10);
}());
</script>

Demo

您必须将脚本放在要引用的元素下面，或者使用DOMContentLoaded或窗口load事件处理程序推迟执行。

此外，W3C标准属性为textContent，而非IE专有（并由Chrome采用）innerText属性。因此，如果要同时支持Firefox和IE，则需要进行一些功能检测。 Chrome接受其中一个属性。

Answer 2

试试

 <body>

   <script>
   window.onload = 
   function (){
    var x= document.getElementById("entry-title");
    x.innerText = x.innerText.substring(0,10);
    }
   </script> 




    <h1 id="entry-title">This is a sample blog title</h1>



</body>

有jquery的代码

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js" ></script>
</head>
<body>

   <script>

       $(document).ready(

       function (){
           var text = $("#entry-title").text();
           var x= $("#entry-title").text(text.substring(0,10));
       }
    );
   </script> 

    <h1 id="entry-title">This is a sample blog title</h1>

</body>
</html>

使用javascript子字符串指定字符长度

2 个答案: