はてなブログ：トップページの一覧で本文のみを非表示にする方法

自分用のメモで、うまくいったが読み込み途中に表示されてしまう
という問題が解決できなかった。気が向いた時に再チャレンジしたい

質問内容

はてなブログproにして記事を一覧表示にしました。その一覧表示には本文が長々と表示されているので、本文のみを非表示にする方法はありませんか？レスポンシブデザインでやれる方法あればお願いします。できれば続きを読む無しでやってみたいです

q.hatena.ne.jp

対応方針

ページの読み込みが完了したタイミングでjavascriptでeventを拾い
記事がかいてあるdivタグのclass（entry-content）に対して
display:noneやdisplay:blockにすれば表示、非表示ができます

対応

ヘッダー部分に以下を追記

<script>
window.onload = function() {
      console.log("window_onload");
      if(document.URL == "http://ikou-test-masalib.hatenadiary.jp/") {
        var elements = document.getElementsByClassName('entry-content');
        for(i=0;i<elements.length;i++){
            elements[i].style.display = 'none' ;
        }
      }else{
        var elements = document.getElementsByClassName('entry-content');
        for(i=0;i<elements.length;i++){
            elements[i].style.display = 'block' ;
        }
      }
}
</script>