Recientemente comencé a reelaborar mi sitio web, principalmente agregando funciones o reescribiendo código. Ahora, quería agregar una página de redes sociales ( con mis enlaces de redes sociales ) y quiero que mi JavaScript importe las tarjetas de un documento JSON. Para eso, necesito seleccionar los socialsTitle , socialsLink , socialsLinkDisplay y socialsIcon para poner sus valores. Para seleccionar esos elementos. Hice esto, pero el único elemento que simplemente regresa null es socialsLink .

JS:

 const socialsTitle = socialsCard.querySelector("[socialsTitle]"); const socialsLink = socialsCard.querySelector("[socialsLink]"); const socialsLinkDisplay = socialsCard.querySelector("[socialsLinkDisplay]"); const socialsIcon = socialsCard.querySelector("[socialsIcon]");

HTML:

 <template socialsTemplate> <a target="_blank" class="card socialsElement" socialsLink> <img alt="" class="appIcon socialsElement" socialsIcon /> <h1 class="appDetails socialsElement"> <p class="appName socialsElement" socialsTitle></p> <p class="appLink socialsElement" socialsLinkDisplay></p> </h1> </a> </template>