Question

How to get the data from meta tags in JavaScript

Answer 1

<meta name="title" content="title - text" />
<meta name="description" content="description - text" />

const title = document.querySelector('[name=title]');
const description = document.querySelector('[name=description]');

console.log(title.content); 
console.log(description.content); 


  
    
    
/*
run:
    
"title - text"
"description - text"
    
*/

 

70+ SQL courses for beginners and professionals

Answer 2

<meta name="title" content="title - text" />
<meta name="description" content="description - text" />

function getMetaData(metaName) {
  const metanames = document.getElementsByTagName('meta');

  for (let i = 0; i < metanames.length; i++) {
    if (metanames[i].getAttribute('name') === metaName) {
      return metanames[i].getAttribute('content');
    }
  }
  return '';
}

console.log(getMetaData('title'));
console.log(getMetaData('description'));


  
    
    
/*
run:
    
"title - text"
"description - text"
    
*/

 

70+ SQL courses for beginners and professionals

Answer 3

function getMetaData(attr,val) {
  	return document.querySelector(`[${attr}=${val}]`).content;
}


console.log(getMetaData('name','title')); 
console.log(getMetaData('name','description')); 



  
    
    
/*
run:
    
"title - text"
"description - text"
    
*/

 

70+ SQL courses for beginners and professionals