HTMLMetaElement: content プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨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);