JavaScript で meta 要素の content 属性の値を取得する

published: 2019.04.22 / modified: 2019.04.23

JavaScript で、 meta 要素の content 属性の値を取得する。

name="viewport" の content 属性値を取得

以下の例では、 name 属性の値が viewport である meta 要素の content 属性の値を取得している。

HTML

<meta name="viewport" content="width=device-width, initial-scale=1.0">

JavaScript

var element = document.querySelector('meta[name=viewport]');
if (element) {
  var attributeValue = element.getAttribute('content');
  console.log(attributeValue); // width=device-width, initial-scale=1.0
}