October 8, 2024 javascript

Cara Mengambil Nilai Meta Tag Dengan Javascript

Meta Tag adalah element HTML yang biasanya digunakan untuk memberikan informasi metadata tentang halaman web.

Untuk mengambil meta tag tertentu dengan javascript, gunakan document.querySelector untuk memilih elemen meta tag, lalu gunakan method getAttribute atau langsung ke properti content untuk mengambil nilai meta tag.

Contoh mengambil nilai meta tag yang berisi informasi metadata.

document.querySelector('meta[name="description"]').getAttribute('content')
// atau
document.querySelector('meta[name="description"]').content

Contoh mengambil nilai meta tag yang berisi informasi opengraph.

document.querySelector('meta[property="og:image"]').getAttribute('content')
// atau
document.querySelector('meta[property="og:image"]').content

Referensi:

• https://developer.mozilla.org/en-US/docs/Web/API/HTMLMetaElement/content
• https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute