Quiero agregar una etiqueta i al botón. Básicamente, quiero agregar el ícono FontAwesome a un botón, pero cuando lo estoy agregando, aparece como una cadena. Aquí está mi código:
<script> function Draw_Button() { var downloadButton = document.createElement("button"); downloadButton.textContent = '<i class="fa-solid fa-arrow-down-to-line"></i>'; downloadButton.style.borderRadius = "100%"; downloadButton.style.backgroundColor = "orange"; downloadButton.style.width = "50px"; downloadButton.style.height = "50px"; downloadButton.style.fontSize = "14px"; downloadButton.style.position = "relative"; downloadButton.style.float = "right"; downloadButton.style.bottom = "55px"; } </script>Quizás use .innerHTML en lugar de contenido de texto. Como textContent genera una cadena, pero desea incluir html
Tienes que usar .innerHTML. Ver el código a continuación
downloadButton.innerHTML = "<i class='fa-solid fa-arrow-down-to-line'></i>";no olvide agregar el botón al cuerpo de su documento
document.body.appendChild(downloadButton);