1

我的网页上有一个标题，我想限制为一定数量的字符。标题用于博客文章，因此标题会更改。这基本上是我想要完成的。 

<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>
4

2 回答 2

1

试试看

 <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>
于 2013-03-09T00:32:18.720 回答
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>

演示

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

此外，W3C 标准属性textContent代替了 IE 的专有（并被 Chrome 采用）innerText属性。因此，如果要同时支持 Firefox 和 IE，则需要进行一些功能检测。Chrome 接受任一属性。

于 2013-03-09T00:43:38.497 回答