Как заменить innerHTML в div с помощью jQuery?

Как я могу добиться следующего:

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

используя jQuery, где regTitle - это мой div ID?

Функция html() может принимать строки HTML и эффективно изменять свойство .innerHTML.

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

Однако функция text() изменит (текстовое) значение указанного элемента, но сохранит структуру html.

$('#regTitle').text('Hello world'); 
Комментарии (3)

Если у вас есть объект jquery, который вы хотите отобразить вместо существующего содержимого. Тогда просто сбросьте содержимое и добавьте новое.

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

Или:

$('#regTitle').empty().append(newcontent);
Комментарии (3)

Вот ваш ответ:

//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();
Комментарии (0)

Есть уже ответы, которые дают, как изменить внутренний HTML-код элемента.

Но я бы предложил, Вы должны использовать некоторые анимации как затухание/ затухание в Изменить HTML-код, который дает хороший эффект изменен HTML, а мгновенно меняется внутренний HTML-код.

Используйте анимацию, чтобы изменить внутренний HTML-код

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

Если у вас есть много функций, которые нуждаются в этом, то вы можете позвонить обычная функция, которая изменяет внутренний HTML-код.

function changeInnerHtml(elementPath, newText){
    $(elementPath).fadeOut(500, function() {
        $(this).html(newText).fadeIn(500);
    });
}
Комментарии (0)

*Ответ:

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

Объяснение:

$ эквивалентно библиотека jQuery. Обе представляют один и тот же объект в библиотеку jQuery. В то"#regTitle" В внутри скобок называется селектор, который используется на библиотеку jQuery, чтобы определить, какой элемент(ы) из HTML-дом (документ объект модель) вы хотите применить код. Символ # перед regTitle говорит jQuery, который regTitle - это идентификатор элемента внутри дом.

Оттуда, точечная нотация используется для вызова в формате HTML функция, которая заменяет внутренний HTML с любой параметр, который вы в-между скобками, который в данном случае является 'Привет Мир'.

Комментарии (0)

вы можете использовать либо HTML или текстовый функция в jQuery, чтобы добиться этого

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

Или

$("#regTitle").text("hello world");
Комментарии (0)

в jQuery'ы .HTML-код() может быть использована для установки и получения содержание соответствуют непустых элементов (innerHTML будет).

var contents = $(element).html();
$(element).html("insert content into element");
Комментарии (1)

Пример в

$( document ).ready(function() {
  $('.msg').html('hello world');
});



        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>    


        <div class="msg"></div>

в

Комментарии (0)

Просто, чтобы добавить некоторые показатели выводы.

Несколько лет назад у меня был проект, где у нас были проблемы, пытаясь установить больших HTML / текста для различных элементов HTML.

Оказалось, что "воссоздание" и элемент и впрыскивать его дом был гораздо быстрее, чем любой из предложенных способов обновления содержания дом.

Что-то вроде:

в

var text = "very big content";
$("#regTitle").remove();
$("<div id='regTitle'>" + text + "</div>").appendTo("body");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

в

Должны получить вам более высокую производительность. Я не'т недавно пытался измерить (браузеры должны быть умными в эти дни), но если вы'вновь смотрит на производительности это может помочь.

Недостатком является то, что вы будете иметь больше работы, чтобы сохранить дом и ссылок в скриптах указывает на правильный объект.

Комментарии (0)

jQuery имеет несколько функций, которые работают с текстом, Если вы используете текст (), он будет делать работу за вас:

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

Кроме того, вы можете использовать в HTML () вместо этого, если вы имеете любое HTML-тег...

Комментарии (0)