Estoy tratando de encontrar una manera de modificar el valor de mi área de texto relámpago.
No es la variable que contiene el valor internamente.
Cosas como document.getElementById('textarea').value = 'value'; no están trabajando
Mi área de texto:
<lightning-textarea id="textarea" type="text" label="Enter some text" onchange={handleInputChange}></lightning-textarea>¡Gracias!
En la solución a continuación, hacer clic en el elemento cambia su contenido. La propiedad Element.innerHTML o el método Element.insertAdjacentHTML() se pueden usar para cambiar el contenido del elemento.
let textarea = document.getElementById("textarea"); let textarea2 = document.getElementById("textarea2"); /* Clicking on the item fires the following event. */ textarea.addEventListener('click', function(event) { textarea.innerHTML = "Clicked First Element"; }); /* Clicking on the item fires the following event. */ function clickEvent() { try { this.textarea2.innerHTML = "Clicked Second Element"; } catch(error) { console.log(error); } } #textarea, #textarea2 { border: 1px solid red; padding: 10px; } <!-- First Element --> <br><lightning-textarea id="textarea" type="text" label="Enter some text">First</lightning-textarea><br><br><br> <!-- Second Element --> <lightning-textarea id="textarea2" type="text" label="Enter some text" onclick="clickEvent()">Second</lightning-textarea>