Tengo esta cadena HTML. puede tener muchos atributos href.

 "<h4> TITLE </h4> <p>test</p> <a\r\n class=\"link\"\r\n target=\"_blank\" \r\n href=\"https://test.com\">\r\n LABEL HERE </a>.\r\n </p>\r\n <a\r\n class=\"link\"\r\n \r\n href=\"https://test2.com\">\r\n LABEL HERE 2 </a>.\r\n </p>\r\n"

Necesito recorrer cada href y modificarlo y devolverlo a algo como esto a continuación: agregar texto en la etiqueta. y agregue target="_blank" en el atributo href si aún no está allí. Realmente apreciaría la ayuda. Intenté muchas cosas pero no pude hacer que esto funcionara.

 "<h4> TITLE </h4> <p>test</p> <a\r\n class=\"link\"\r\n \r\n target=\"_blank\" href=\"https://test.com\">\r\n LABEL HERE (ADD TEXT HERE)</a>.\r\n </p> <a\r\n class=\"link\"\r\n \r\n target=\"_blank\" href=\"https://test2.com\">\r\n LABEL HERE2 (ADD TEXT HERE)</a>.\r\n </p>"

EDITAR: probé este código pero obtengo la "expresión no se puede llamar, la cadena no tiene firmas de llamada" en el código el.innerHTML.

 let consentDataxString: string = dataFromApi?.selectedData.toString() || ''; let el = document.createElement( 'html' ) el.innerHTML(consentDataxString)