2017-04-20 10 views
0

私は "meta"と "css"タグを追加しようとしています。私は "構文エラー"としてエラーを取得しています。以下のコードが試されます:javascriptファイルにメタタグを追加

var head = document.getElementsByTagName('head')[0]; 
    var link = document.createElement('link'); 
    link.id = 'myCss'; 
    link.rel = 'stylesheet'; 
    link.type = 'text/css'; 
    link.href = 'site url/css/CustomStyle.css'; 
    link.media = 'all'; 

    var meta = document.createElement('meta'); 
    meta.name = 'viewport'; 
    meta.initial-scale = '1'; 
    meta.content = 'width=device-width'; 

    var link1 = document.createElement('link'); 
    link1.id = 'BootstrapmyCss'; 
    link1.rel = 'stylesheet'; 
    link1.type = 'text/css'; 
    link1.href = 'site url/css/bootstrap-responsive.min.css'; 
    link1.media = 'all'; 

     head.appendChild(link); 
    head.appendChild(link1);   
    head.appendChild(meta); 

は、私がどのようにこの問題を解決するために、「構文エラー」

meta.initial-scale = '1'; 

としてラインでのエラーを取得していますか?おかげ

+2

てみて、その行を置き換えます: 'メタ[ "初期規模"] = 'この問題を解決するには

、使用は、このようなsetAttribute方法を、使用することができます1 '' – Titus

+2

変数名にダッシュを付けることはできません。 'meta ['initial-scale']'を使ってみましょう。 – Ivar

+1

[ハイフンでjavascriptオブジェクトのプロパティを参照するにはどうすればよいですか?](http://stackoverflow.com/questions/7122609/how-do-i-reference-a-javascript-object-property-with -a-hyphen-in-it) – JJJ

答えて

1

meta['initial-scale'] = '1';でそれがマイナス(減算)演算子と解釈されるので、あなたが、置き換えることができます。

meta.setAttribute('initial-scale', '1'); 

か、単にmeta['initial-scale'] = '1';

4

あなたは変数名の一部として-を使用することはできませんmeta.initial-sacle = '1';

1
var head = document.getElementsByTagName('head')[0]; 
    var link = document.createElement('link'); 
    link.id = 'myCss'; 
    link.rel = 'stylesheet'; 
    link.type = 'text/css'; 
    link.href = 'site url/css/CustomStyle.css'; 
    link.media = 'all'; 

    var meta = document.createElement('meta'); 
    meta.name = 'viewport'; 
    meta['initial-scale'] = '1'; 
    meta.content = 'width=device-width'; 

    var link1 = document.createElement('link'); 
    link1.id = 'BootstrapmyCss'; 
    link1.rel = 'stylesheet'; 
    link1.type = 'text/css'; 
    link1.href = 'site url/css/bootstrap-responsive.min.css'; 
    link1.media = 'all'; 

     head.appendChild(link); 
    head.appendChild(link1);   
    head.appendChild(meta); 
関連する問題