How to get the data from meta tags in JavaScript

How to get the data from meta tags in JavaScript

In this post we will give you information about How to get the data from meta tags in JavaScript. Hear we will give you detail about How to get the data from meta tags in JavaScriptAnd how to use it also give you demo for it if it is necessary.

we are going to learn how to get the meta tags data using JavaScript.

Consider we have the following meta tags in our index.html file.

<meta name="title" content="My first post" /><meta name="description" content="A description of the my post" />

To get the above meta tags data, we can use the document.querySelector() method bypassing [attribute = value] as an argument.

Example:

const title = document.querySelector('[name=title]');const description = document.querySelector('[name=description]');console.log(title.content); // My first postconsole.log(description.content); // A description of the my post

Similarly, we can also create our own reusable function.

function getMetaData(attr,val){  return document.querySelector('[${attr}=${val}]').content;}console.log(getMetaData('name','title')); // My first post

Hope this code and post will helped you for implement How to get the data from meta tags in JavaScript. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For More Info See :: laravel And github

We're accepting well-written guest posts and this is a great opportunity to collaborate : Contact US