HTMLMetaElement: content プロパティ
HTMLMetaElement.content
プロパティは、HTMLMetaElement.name
または HTMLMetaElement.httpEquiv
との組み合わせによる、プラグマディレクティブと名前付き <meta>
データの content
属性を取得または設定します。
詳しくは、content 属性を参照してください。
値
文字列です。
例
meta 要素の内容の読み取り
次の例は name
属性に keywords
という値を格納した <meta>
要素を問い合わせるものです。
content
の値がコンソールにログ出力され、文書の keywords が表示されます。
js
// <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>
に追加されます。
js
let meta = document.createElement("meta");
meta.name = "description";
meta.content =
"<meta> 要素は、名前と値のペアで文書のメタデータを提供するのに使用できます。name 属性はメタデータの名前を与え、content 属性は値を与えます。";
document.head.appendChild(meta);
仕様書
Specification |
---|
HTML Standard # dom-meta-content |
ブラウザーの互換性
BCD tables only load in the browser