Javascript To Change Metadata / Metatags Dynamically

Question

I\'ll describe what I\'m trying to accomplish and if it seems that my method is dumb please feel free to let me know:

I have a page with a video gallery and a flash

Answer 1

@bernabas's answer in plain ol' JavaScript:

document.head.textContext += '<meta ... />'

Answer 2

You wanna do something like this in the code for jQuery

$(document).ready(function(){
    $('title').text("Your new title tag here");
    $('meta[name=description]').attr('content', 'new Meta Description here');
});

Answer 3

Shorter answer in pure javascript.

document
      .getElementsByTagName('meta')
      .namedItem('description')
      .setAttribute('content','My Meta Description Here')

Answer 4

you can add anything in the head tag by using the this (jquery)

$('head').append('<meta .... />');

Answer 5

As the above two solutions are using JQuery, here is a solution in pure javascript, incase if anyone is looking for:

to change the title:

<script>document.title = "this is title text";</script>

to change any meta tag:

<meta name="description" content="this is old content which we are going to change through javascript">

javascript code to change the above metatag.

<script>
var allMetaElements = document.getElementsByTagName('meta');
//loop through and find the element you want
for (var i=0; i<allMetaElements.length; i++) { 
  if (allMetaElements[i].getAttribute("name") == "Description") { 
     //make necessary changes
     allMetaElements[i].setAttribute('content', "description you want to include"); 
     //no need to continue loop after making changes.
     break;
  } 
} 

Good luck.