HTMLMetaElement: content property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The HTMLMetaElement.content property gets or sets the content attribute of pragma directives and named <meta> data in conjunction with HTMLMetaElement.name or HTMLMetaElement.httpEquiv.
For more information, see the content attribute.
Value
A string.
Examples
Reading meta element content
The following example queries a <meta> element that contains a name attribute with the value of keywords.
The content value is logged to the console to display the keywords of the document:
// given <meta name="keywords" content="documentation, HTML, web">
const meta = document.querySelector("meta[name='keywords']");
console.log(meta.content);
// "documentation, HTML, web"
Creating a meta element with content
The following example creates a new <meta> element with a name attribute set to description.
The content attribute sets a description of the document and is appended to the document <head>:
const meta = document.createElement("meta");
meta.name = "description";
meta.content =
"The <meta> element can be used to provide document metadata in terms of name-value pairs, with the name attribute giving the metadata name, and the content attribute giving the value.";
document.head.appendChild(meta);
Specifications
| Specification |
|---|
| HTML # dom-meta-content |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
content
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support