Как я могу добиться следующего:
document.all.regTitle.innerHTML = 'Hello World';
используя jQuery, где regTitle
- это мой div ID?
$("#regTitle").html("Hello World");
Если у вас есть объект jquery, который вы хотите отобразить вместо существующего содержимого. Тогда просто сбросьте содержимое и добавьте новое.
var itemtoReplaceContentOf = $('#regTitle');
itemtoReplaceContentOf.html('');
newcontent.appendTo(itemtoReplaceContentOf);
Или:
$('#regTitle').empty().append(newcontent);
Есть уже ответы, которые дают, как изменить внутренний 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);
});
}
*Ответ:
$("#regTitle").html('Hello World');
Объяснение:
$
эквивалентно библиотека jQuery
. Обе представляют один и тот же объект в библиотеку jQuery. В то"#regTitle"
В внутри скобок называется селектор, который используется на библиотеку jQuery, чтобы определить, какой элемент(ы) из HTML-дом (документ объект модель) вы хотите применить код. Символ #
перед regTitle
говорит jQuery, который regTitle
- это идентификатор элемента внутри дом.
Оттуда, точечная нотация используется для вызова в формате HTML функция, которая заменяет внутренний HTML с любой параметр, который вы в-между скобками, который в данном случае является 'Привет Мир'
.
вы можете использовать либо HTML или текстовый функция в jQuery, чтобы добиться этого
$("#regTitle").html("hello world");
Или
$("#regTitle").text("hello world");
в jQuery'ы .HTML-код()
может быть использована для установки и получения содержание соответствуют непустых элементов (innerHTML будет
).
var contents = $(element).html();
$(element).html("insert content into element");
Пример в
$( document ).ready(function() {
$('.msg').html('hello world');
});
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<div class="msg"></div>
</body>
</html>
в
$("#regTitle")[0].innerHTML = 'Hello World';
Просто, чтобы добавить некоторые показатели выводы.
Несколько лет назад у меня был проект, где у нас были проблемы, пытаясь установить больших 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>
в
Должны получить вам более высокую производительность. Я не'т недавно пытался измерить (браузеры должны быть умными в эти дни), но если вы'вновь смотрит на производительности это может помочь.
Недостатком является то, что вы будете иметь больше работы, чтобы сохранить дом и ссылок в скриптах указывает на правильный объект.
jQuery имеет несколько функций, которые работают с текстом, Если вы используете текст ()
, он будет делать работу за вас:
$("#regTitle").text("Hello World");
Кроме того, вы можете использовать в HTML () вместо этого, если вы имеете любое HTML-тег...