HTMLのviewportが二階読み込まれる理由・・

Question

私の環境でしか試していないのですがなぜかMetaタグのViewPortが二度読み込まれてしまいます。

コードは以下をインラインで実行しています。

 <script type="text/javascript">
       var count = 0;
        var　m= document.getElementsByTagName("meta");
        for (var n in m) {
            if (m[n].name == "viewport") {
                console.log("count:" + count);
                count++;
            }
        }
   </script>

ローカル環境での実行です
原因を教えていただきたいです。

Comments

[y_y3]

viewportが読み込まれているhtmlファイルを追記してください

Answer 1

getElementsByTagNameはHTMLCollectionを返しますが、これにはプロパティとして整数だけでなく、nameプロパティも含まれます。

角括弧内の数値はitem()メソッドと同様に働き， 文字列値はnamedItem()と同様に機能します．（MDNより）

ということで、for-inを使うと、<meta name="viewport">は、順番の整数とviewportの2回出現します。

Answer 2

単純にviewportを取得したいのであれば、for-inなど使わずに、querySelectorで可能です。

var viewport = document.querySelector('meta[name="viewport"]');