HTMLMetaElement: content プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

HTMLMetaElement.content プロパティは、HTMLMetaElement.name または HTMLMetaElement.httpEquiv との組み合わせによる、プラグマディレクティブと名前付き <meta> データの content 属性を取得または設定します。詳しくは、content 属性を参照してください。

値

文字列です。

例

meta 要素の内容の読み取り

次の例は name 属性に keywords という値を格納した <meta> 要素を問い合わせるものです。 content の値がコンソールにログ出力され、文書の keywords が表示されます。

// <meta name="keywords" content="documentation, HTML, web"> があるとします
let meta = document.querySelector("meta[name='keywords']");
console.log(meta.content);
// "documentation, HTML, web"

内容付きの meta 要素の作成

次の例は、新しい <meta> 要素を name 属性に description に設定して作成します。 content 属性に文書の説明を設定し、文書の <head> に追加されます。

let meta = document.createElement("meta");
meta.name = "description";
meta.content =
  "<meta> 要素は、名前と値のペアで文書のメタデータを提供するのに使用できます。name 属性はメタデータの名前を与え、content 属性は値を与えます。";
document.head.appendChild(meta);