Estoy tratando de agregar un href en un ancla que está dentro de un párrafo.
var newa= document.createElement('p'); newa.innerHTML = "<span>Or</span> <a>make your renewal payment</a>";Lo agregué de esta manera porque el cliente necesita que tengan diferentes estilos con un borde solo en el ancla.
Intenté esto:
var linkdiv = document.querySelector(".renewnow"); /*parent div*/ const getlink = linkdiv.getElementsByTagName("a"); getlink.href="/newa"Siento que no es posible hacer eso, pero lo intenté de todos modos
La forma en que está tratando de manejar el elemento con innerHTML no es incorrecta, pero luego tiene una cadena con la que tiene que trabajar y la única forma de modificar esta cadena es usando Regex. Pero hay una manera más fácil si solo crea todos los elementos requeridos.
const p = document.createElement('p'); const span = document.createElement('span'); span.innerText = 'Or '; const a = document.createElement('a'); a.innerText = 'make your renewal payment'; a.href = 'https://example.com'; p.append(span); p.append(a); document.body.append(p);