0

Quiero modificar el innerHTML (para eso uso el textarea) de un elemento en base a un selector que voy a buscar. ¿Cómo puedo modificar al selector con un textarea y botón sin frameworks?

var frm = document.getElementById("frm");
frm.addEventListener("submit", function() {
  var selector = document.getElementById("input_selector").value;
  var inner = input_innerhtml.value;
  //lo que me falta es que el selector encontrado se modifique con lo que escribamos en el textarea sin usar frameworks
});
<form id="frm">
  Selector de elemento CSS: <input type="text" id="input_selector"><br> 
  Valor = <textarea id="input_innerhtml"></textarea><br>
  <input type="submit" value="Modificar">
</form>

7
  • 2
    Cómo que se modifique el select con el textarea? Te podrás explicar un poco mejor?
    – Kleith
    Commented el 8 may. 2018 a las 14:09
  • quiero modificar el innerHTML(para eso uso el textarea) de un elemento en base a un selector que voy a buscar Commented el 8 may. 2018 a las 14:15
  • Hola Giovanni, por favor edita tu pregunta para añadir una descripción detallada del problema y las dificultades/problemas que quieres resolver. Las publicaciones que son sólo código se consideran de baja calidad y no suelen ser bien recibidas por la comunidad. Lee Cómo preguntar para más información.
    – Alvaro Montoro
    Commented el 8 may. 2018 a las 14:17
  • 1
    "en base a un selector que voy a buscar" explica eso mejor Commented el 8 may. 2018 a las 14:17
  • var selector = document.getElementById("input_selector").value; // el usuario busca el selector en un input de tipo text Commented el 8 may. 2018 a las 14:19

1 respuesta 1

0

Vale, creo que he entendido que es lo que quieres hacer, como una especie de editor de código fuente?

He modificado el formulario, si haces un submit se borran los cambios, a ver si esto te sirve.

var btn = document.getElementById("boton");
btn.addEventListener("click", function() {
  /// Esto te va a devolver el texto del campo 
  var selector = document.getElementById("input_selector").value;
  
  /// Ahora buscas el elemento
  var elemento = document.getElementById(selector);
  
  /// Conseguir el valor del textarea
  var nuevoValor = document.getElementById("input_innerhtml").value;
  
  /// Cambias el innerHTML de ese elemento
  elemento.innerHTML = nuevoValor;

});
  Selector de elemento CSS: <input type="text" id="input_selector"><br>
  Valor = <textarea id="input_innerhtml"></textarea><br>
  
  
  <input type="button" id="boton" value="Modificar">

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.