
[code]

    <div class="article_content">
    </div>
    <div class="article_content">
    </div>
    <div class="article_content">
    </div>
    <div class="article_content">
    </div>
    
[/code]

上記のようなhtmlがあったとして、article_contentのクラスが付いているdivタグの数をカウントして、  
その半分の数のところ（仮に11だとしたら、6）に`<!--コメントアウト-->`を挿入したいのですが、どのようにすれば実現できますでしょうか。

詳しい方、ご教示頂けますと、幸いです。

宜しくお願い致します。

上記の結果だと以下になります。

[code]

    <div class="article_content">
    </div>
    <div class="article_content">
    </div>
    <!--コメントアウト-->
    <div class="article_content">
    </div>
    <div class="article_content">
    </div>
    
[/code]


CC BY-SA 3.0
2016-12-16T07:22:38.253
31184
2016-12-22T09:37:08.940
2016-12-22T09:37:08.940
3054
19936
question
javascript
特定のクラス指定がある要素が、全体の半分出現した所に、コメント要素を挿入したい


javascript で以下のような感じ

[code]

    var divs = document.getElementsByClassName("article_content");//ノードリスト
    var len = divs.length;//要素数
    if(len % 2)
        ++len;//奇数の時＋１
    len /= 2;//0オリジン
    var commentNode = document.createComment("コメントアウト");//コメントノードを作る
    document.body.insertBefore(commentNode, divs[len]);//指定するエレメントの前に挿入。document.body は、この場合の親要素。
    
[/code]


CC BY-SA 3.0
2016-12-16T08:10:17.167
31186
2016-12-16T08:10:17.167
5044
31184
answer