Ändern Sie innerHTML mit JavaScript
In JavaScript interagiert eine solche Eigenschaft mit den HTML
-Elementen, aber innerHTML
ist eines der am meisten bevorzugten. Die Eigenschaft innerHTML
gibt generell den im HTML-Abschnitt eines bestimmten Elements gesetzten Standardwert zurück.
Die Eigenschaft kann auch benutzerdefinierte Werte festlegen; der Wert hier repräsentiert einen string
. In diesem kurzen Tutorial erfahren Sie, wie die Eigenschaft ihre Aufgabe erfüllt.
Verwenden Sie die Eigenschaft innerHTML
, um den HTML-Inhalt zu ändern
Die Eigenschaft innerHTML
wird normalerweise zusammen mit der Instanz eines HTML
-Elements getaggt. Ein Abfrageselektor definiert einen bestimmten Bereich, um eine Änderung vorzunehmen, wodurch der zuvor hartcodierte Inhalt geändert wird.
Wir werden hier ein div
-Element mit einem bestimmten string
-Inhalt haben. Wenn wir das angegebene Element mit der Eigenschaft innerHTML
getröstet hätten, würden wir genau das bekommen, was dort codiert wurde.
Als Ergebnis hätten wir zum Beispiel abc
erhalten, aber wir haben den Wert geändert und auf etwas anderes gesetzt. Auch nachdem das div
-Element seinen Inhalt hat, wird es immer noch durch den neuen Satz string
und eine Vorschau im Fenster ausgelöst.
Code-Auszug:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Test</title>
</head>
<body>
<script>
function doChange(){
document.getElementById('change').innerHTML = ('Dealing with JavaScript innerHTML.');
}
window.onload=doChange;
</script>
<div id="change">abc</div>
</body>
</html>
Ausgang: