Tengo las siguientes metaetiquetas en mi sitio web:
<meta name="description" content="content here" /> <meta itemprop="description" content="content here"> <meta property="og:description" content="content here" />Las 3 meta propiedades son necesarias en mi sitio. Sin embargo, ¿hay alguna manera de hacer referencia a una sola descripción en una variable JS que pueda pasar a cada uno de estos atributos de contenido?
Puede usar querySelector con meta[key=value] y luego establecer Attribute con setAttribute(key,value).
document.querySelector("meta[name='description'" ).setAttribute("content", "some new meta description"); document.querySelector("meta[itemprop='description'" ).setAttribute("content", "some new meta description"); document.querySelector("meta[property='description'" ).setAttribute("content", "some new meta description");Aquí hay un método simple para hacer esto.
<meta class="meta" name="description" content="content here" /> <meta class="meta" itemprop="description" content="content here"> <meta class="meta" property="og:description" content="content here" /> <script> document.querySelectorAll(".meta").forEach((el) => { el.setAttribute("content", "your content"); }) </script> let text = 'hello world'; let Allmeta = document.querySelectorAll('meta'); Allmeta.forEach((meta) => { if (meta.getAttribute('name') == 'description' || meta.getAttribute('itemprop') == 'description' || meta.getAttribute('property') == 'og:description') { meta.setAttribute('content',text) } });