12

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

16

Вопрос: Как выполнить следующее с использованием jQuery:

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

где regTitle — это id моего div?

5 ответ(ов)

18

Вы можете изменить содержимое элемента с идентификатором regTitle, используя метод jQuery .html(). Ваш код делает именно это, устанавливая HTML-содержимое элемента в строку "Hello World". Вот пример:

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

Если вам нужно просто отобразить текст без HTML-разметки, вы можете использовать .text() вместо .html(). Например:

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

Это позволит избежать возможного интерпретирования введенной строки как HTML.

0

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

var itemToReplaceContentOf = $('#regTitle');
itemToReplaceContentOf.html(''); // Очищаем текущий контент
newcontent.appendTo(itemToReplaceContentOf); // Добавляем новый контент

Или более лаконично:

$('#regTitle').empty().append(newcontent); // Очищаем и добавляем новый контент за одну строку

Оба варианта делают одно и то же: сначала сбрасывают существующее содержимое элемента #regTitle, а затем добавляют новый контент. Вы можете выбрать любой подход, в зависимости от ваших предпочтений.

0

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

// Это сеттер свойства innerHTML в jQuery
$('#regTitle').html('Hello World');

// Это геттер свойства innerHTML в jQuery
var helloWorld = $('#regTitle').html();

Если у вас есть дополнительные вопросы по jQuery или другим библиотекам JavaScript, не стесняйтесь спрашивать!

0

Ответ:

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

Объяснение:

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

Далее используется точечная нотация для вызова функции html, которая заменяет внутренний HTML на то, что вы передаете в скобках. В этом случае это 'Hello World'.

0

Существует множество ответов, объясняющих, как изменить внутренний HTML элемента.

Но я бы предложил использование анимации, такой как Fade Out/Fade In, для изменения 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);
    });
}

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

Чтобы ответить на вопрос, пожалуйста, войдите или зарегистрируйтесь