Get metadata attribute in javascript

Question

I'm having trouble getting information from the meta tag. I am trying to get img src from a website and can't figure it out. Here is an example of what I'm trying to do.

<meta property="og:image" content="http://foo.jpg"> var image = document.querySelector('meta[property="og:image"]').getAttribute('content'); 

I tried this, but it does not work. Any ideas?

Answer 1

Items

meta are not special, you can request them and get your attributes in the usual way.

In this case, how do you get the value of the content attribute from the first meta[property="og:image"] element:

 var element = document.querySelector('meta[property="og:image"]'); var content = element && element.getAttribute("content"); 

querySelector supported by all modern browsers, as well as IE8.