1

特定の文字数に制限したい Web ページの見出しがあります。見出しはブログ投稿用なので、タイトルが変わります。これは本質的に私が達成したいことです。 

<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 に答える