Pregunta ¿Cómo reemplazar innerHTML de un div usando jQuery?


¿Cómo podría lograr lo siguiente?

document.all.regTitle.innerHTML = 'Hello World';

Usando jQuery donde regTitle es mi ID div?


857
2017-08-20 23:51


origen


Respuestas:


$("#regTitle").html("Hello World");

1286
2017-08-20 23:52



los html () la función puede tomar cadenas de HTML, y efectivamente modificará la .innerHTML propiedad.

$('#regTitle').html('Hello World');

sin embargo, el texto() función cambiará el valor (de texto) del elemento especificado, pero conservará html estructura.

$('#regTitle').text('Hello world'); 

273
2017-08-20 23:52



Si en cambio tiene un objeto jquery que desea representar en lugar del contenido existente. Luego solo reinicie el contenido y agregue el nuevo.

var itemtoReplaceContentOf = $('#regTitle');
itemtoReplaceContentOf.html('');
newcontent.appendTo(itemtoReplaceContentOf);

O:

$('#regTitle').empty().append(newcontent);

56
2017-08-11 10:34



Aquí está tu respuesta:

//This is the setter of the innerHTML property in jQuery
$('#regTitle').html('Hello World');

//This is the getter of the innerHTML property in jQuery
var helloWorld = $('#regTitle').html();

22
2017-11-27 08:03



Responder:

$("#regTitle").html('Hello World');

Explicación:

$ es equivalente a jQuery. Ambos representan el mismo objeto en la biblioteca jQuery. los "#regTitle" dentro del paréntesis se llama selector que utiliza la biblioteca jQuery para identificar qué elemento (s) del DOM html (Modelo de Objeto de Documento) desea aplicar el código. los # antes de regTitle está diciendo jQuery que regTitle es la identificación de un elemento dentro del DOM.

A partir de ahí, la notación de puntos se usa para llamar al html función que reemplaza el html interno con cualquier parámetro que coloque entre paréntesis, que en este caso es 'Hello World'.


8
2018-06-22 02:37



jQuery's .html() se puede usar para configurar y obtener el contenido de elementos no vacíos coincidentes (innerHTML)

var contents = $(element).html();
$(element).html("insert content into element");

7
2017-10-16 12:14



Ya hay respuestas que dan cómo cambiar el HTML interno del elemento.

Pero sugeriría, debería usar algunas animaciones como Fade Out / Fade In para cambiar HTML que da buen efecto de HTML modificado en lugar de cambiar instantáneamente HTML interno.

Usa la animación para cambiar el HTML interno

$('#regTitle').fadeOut(500, function() {
    $(this).html('Hello World!').fadeIn(500);
});

Si tiene muchas funciones que lo necesitan, puede llamar a la función común que cambia Html interno.

function changeInnerHtml(elementPath, newText){
    $(elementPath).fadeOut(500, function() {
        $(this).html(newText).fadeIn(500);
    });
}

7
2017-09-07 16:41



puede usar la función html o text en jquery para lograrlo

$("#regTitle").html("hello world");

O

$("#regTitle").text("hello world");

7
2018-02-03 06:15



<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script>
      $( document ).ready(function() {
        $('.msg').html('hello world');
      });
    </script>

  </head>
  <body>
    <div class="msg"></div>
  </body>
</html>

5
2018-03-17 05:36