Estoy creando una extensión de Chrome para actualizar todos los hrefs en una página para llamar a un número de teléfono (phone_number) en lugar de vincular a una página (/phone/phone_number) con el número de teléfono en la lista nuevamente... Estoy probando ahora mismo codificando el número de teléfono que se llamará con un clic. Desafortunadamente, incluso después de actualizar el href, el enlace aún me lleva a la página original "/teléfono/número_de_teléfono" y no activa el cuadro de diálogo de alerta de llamada en Chrome.

 window.onload = async () => { await sleep(3000); var phone_blocks = Array.prototype.slice.call(document.getElementsByClassName("px-5 py-7 pearl td-n card flat")) phone_blocks.forEach(block => { block.href = "tel:8607817749" }); } function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); }

Como puede ver a continuación, el href se cambia según la consola, pero cuando hago clic en él, se me dirige a la página a la que originalmente se vinculó el href, no al número de teléfono. Si hago clic derecho y "copio la dirección del enlace", recibo "tel:+18607817749" en mi portapapeles. ¿Por qué hacer clic me lleva al enlace anterior?