Hoe kan ik het volgende bereiken:
document.all.regTitle.innerHTML = 'Hello World';
JQuery gebruiken waarbij regTitle
mijn div
id is?
Antwoord 1, autoriteit 100%
$("#regTitle").html("Hello World");
Antwoord 2, autoriteit 20%
De functie html()kan strings HTML gebruiken en zal de .innerHTML
eigenschap.
$('#regTitle').html('Hello World');
De functie text()verandert echter de (tekst)waarde van het opgegeven element, maar behoud de html
structuur.
$('#regTitle').text('Hello world');
Antwoord 3, autoriteit 5%
Als je in plaats daarvan een jQuery-object hebt dat je wilt weergeven in plaats van de bestaande inhoud: reset dan de inhoud en voeg de nieuwe toe.
var itemtoReplaceContentOf = $('#regTitle');
itemtoReplaceContentOf.html('');
newcontent.appendTo(itemtoReplaceContentOf);
Of:
$('#regTitle').empty().append(newcontent);
Antwoord 4, autoriteit 2%
Hier is uw antwoord:
//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();
Antwoord 5
Antwoord:
$("#regTitle").html('Hello World');
Uitleg:
$
is gelijk aan jQuery
. Beide vertegenwoordigen hetzelfde object in de jQuery-bibliotheek. De "#regTitle"
tussen haakjes wordt de selectorgenoemd die door de jQuery-bibliotheek wordt gebruikt om te identificeren welk(e) element(en) van de html DOM (Document Object Model) u code wilt toepassen. De #
voor regTitle
vertelt jQuery dat regTitle
de id is van een element in de DOM.
Vanaf daar wordt de puntnotatie gebruikt om de functie htmlaan te roepen die de binnenste html vervangt door de parameter die u tussen de haakjes plaatst, in dit geval 'Hello World'
.
Antwoord 6
Er zijn al antwoorden die geven hoe je de innerlijke HTML van het element kunt wijzigen.
Maar ik zou willen voorstellen dat je een animatie zoals Fade Out/Fade In zou moeten gebruiken om HTML te veranderen, wat een goed effect geeft op gewijzigde HTML, in plaats van onmiddellijk de innerlijke HTML te veranderen.
Gebruik animatie om innerlijke HTML te wijzigen
$('#regTitle').fadeOut(500, function() {
$(this).html('Hello World!').fadeIn(500);
});
Als je veel functies hebt die dit nodig hebben, kun je de algemene functie aanroepen die de innerlijke html verandert.
function changeInnerHtml(elementPath, newText){
$(elementPath).fadeOut(500, function() {
$(this).html(newText).fadeIn(500);
});
}
Antwoord 7
u kunt de html- of tekstfunctie in jQuery gebruiken om dit te bereiken
$("#regTitle").html("Hello World");
OF
$("#regTitle").text("hello world");
Antwoord 8
Voorbeeld
$( 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>
Antwoord 9
jQuery’s .html()
kan worden gebruikt voor het instellen en ophalen van de inhoud van overeenkomende niet-lege elementen (innerHTML
).
var contents = $(element).html();
$(element).html("insert content into element");
Antwoord 10
$("#regTitle")[0].innerHTML = 'Hello World';
Antwoord 11
Gewoon om wat prestatie-inzichten toe te voegen.
Een paar jaar geleden had ik een project waarbij we problemen hadden met het instellen van een grote HTML / tekst op verschillende HTML-elementen.
Het leek erop dat het “hercreëren” van het element en het injecteren ervan in de DOM veel sneller was dan de voorgestelde methoden om de DOM-inhoud bij te werken.
Dus zoiets als:
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>
Antwoord 12
jQuery heeft weinig functies die met tekst werken, als je text()
one gebruikt, zal het het werk voor je doen:
$("#regTitle").text("hello world");
U kunt in plaats daarvan ook html()
gebruiken als u een html-tagheeft…
Antwoord 13
Pure JS en kortste
Pure JS
regTitle.innerHTML = 'Hello World'
Antwoord 14
var abc = document.getElementById("regTitle");
abc.innerHTML = "Hello World";