Heim > Artikel > Web-Frontend > 【JavaScript-Tutorial】JavaScript-Ausgabe

【JavaScript-Tutorial】JavaScript-Ausgabe

黄舟Original: 2016-12-24 14:26:15910Durchsuche

JavaScript-Ausgabe

JavaScript verfügt über keine Druck- oder Ausgabefunktionen.

In HTML wird JavaScript häufig zum Bearbeiten von HTML-Elementen verwendet.

HTML-Elemente bearbeiten

Um über JavaScript auf ein HTML-Element zuzugreifen, können Sie die Methode document.getElementById(id) verwenden.

Bitte verwenden Sie das Attribut „id“, um HTML-Elemente zu identifizieren, und innerHTML, um Elementinhalte abzurufen oder einzufügen:

Instanz

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p id="demo">我的第一个段落</p>

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

</body>
</html>

Die obige JavaScript-Anweisung (im 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag) kann in einem Webbrowser ausgeführt werden:

document.getElementById("demo") ist der JavaScript-Code, der das id-Attribut verwendet, um das HTML-Element zu finden .

innerHTML = „Absatz geändert.“ ist der JavaScript-Code, der zum Ändern des HTML-Inhalts (innerHTML) des Elements verwendet wird.

In diesem Tutorial

In den meisten Fällen verwenden wir in diesem Tutorial die oben beschriebene Methode zur Ausgabe:

Das folgende Beispiel setzt direkt die id= Das 0e8f8712f25526f97a3378aa9274a2d9-Element von „demo“ wird in die HTML-Dokumentausgabe geschrieben:

In das HTML-Dokument geschrieben

Zu Testzwecken können Sie JavaScript direkt in das HTML-Dokument schreiben:

Beispiel

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>

<script>
document.write(Date());
</script>

</body>
</html>

Bitte verwenden Sie document.write(), um nur Inhalte in die Dokumentausgabe zu schreiben.

Wenn document.write ausgeführt wird, nachdem das Dokument vollständig geladen wurde, wird die gesamte HTML-Seite überschrieben.

Instanz

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>

<button onclick="myFunction()">点我</button>

<script>
function myFunction() {
    document.write(Date());
}
</script>

</body>
</html>

Auf Konsole schreiben

Wenn Ihr Browser unterstützt das Debuggen und Sie können die Methode console.log() verwenden, um JavaScript-Werte im Browser anzuzeigen.

Verwenden Sie F12 im Browser, um den Debugging-Modus zu aktivieren, und klicken Sie im Debugging-Fenster auf das Menü „Konsole“.

Beispiel

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>

Wussten Sie schon?

Beim Debuggen in einem Programm geht es darum, Fehler zu testen, zu finden und zu reduzieren ( Fehler) ) Prozess.

Das Obige ist der Inhalt der JavaScript-Ausgabe von [JavaScript-Tutorial]. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn). !

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：[JavaScript-Tutorial] Einführung in JavaScriptNächster Artikel：[JavaScript-Tutorial] Einführung in JavaScript

In Verbindung stehende Artikel

Mehr sehen