Adding meta tag in javascript file

Question

I have a javascript file in whcih I am trying to add "meta" and "css" tag. I am getting the error as "Syntax error". Below is the code tried:

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);

I am getting an error in the line as "Syntax error"

meta.initial-scale  = '1';

How to fix this? Thanks

You can't have dashes in a variable names. Try to use meta['initial-scale']. — Ivar
– Ivar, Commented Apr 20, 2017 at 8:14
Possible duplicate of How do I reference a javascript object property with a hyphen in it? — JJJ
– JJJ, Commented Apr 20, 2017 at 8:16

Kermit · Accepted Answer · 2017-04-20 08:15:40Z

4

you can replace meta.initial-sacle = '1'; with meta['initial-scale'] = '1';

answered Apr 20, 2017 at 8:15

Kermit

1,0626 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

KARTHIKEYAN.A · Accepted Answer · 2018-09-18 09:15:16Z

3

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);

edited Sep 18, 2018 at 9:15

answered Apr 20, 2017 at 8:18

KARTHIKEYAN.A

20.5k11 gold badges139 silver badges151 bronze badges

Comments

Dan Cantir · Accepted Answer · 2017-04-20 08:22:07Z

1

You can not use - as a part of variable name, because it is interpreted as minus (Subtraction) operator.

To fix this, use can use setAttribute method, like this:

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

or just replace that line with meta['initial-scale'] = '1';

edited Apr 20, 2017 at 8:22

answered Apr 20, 2017 at 8:16

Dan Cantir

2,96517 silver badges25 bronze badges

Comments

Binh Ho · Accepted Answer · 2020-12-01 14:56:10Z

0

meta['initial-scale'] = '1'; not valid on typescript way.

Try this.

const meta = document.createElement('meta');
meta.name = 'viewport';
meta.content = 'width=device-width, initial-scale=1';
const head = document.getElementsByTagName('head');
if (head) {
    head[0].appendChild(meta);
}

answered Dec 1, 2020 at 14:56

Binh Ho

5,3791 gold badge43 silver badges48 bronze badges

Collectives™ on Stack Overflow

Adding meta tag in javascript file

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related