Maison > Article > interface Web > 【Tutoriel JavaScript】 Sortie JavaScript

【Tutoriel JavaScript】 Sortie JavaScript

黄舟original: 2016-12-24 14:26:15927parcourir

Sortie JavaScript

JavaScript n'a aucune fonction d'impression ou de sortie.

En HTML, JavaScript est souvent utilisé pour manipuler des éléments HTML.

Manipulation des éléments HTML

Pour accéder à un élément HTML depuis JavaScript, vous pouvez utiliser la méthode document.getElementById(id).

Veuillez utiliser l'attribut "id" pour identifier les éléments HTML et innerHTML pour obtenir ou insérer le contenu de l'élément :

Instance

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>

L'instruction JavaScript ci-dessus (dans la balise 3f1c4e4b6b16bbbd69b2ee476dc4f83a) peut être exécutée dans un navigateur Web :

document.getElementById("demo") est le code JavaScript qui utilise l'attribut id pour trouver l'élément HTML .

innerHTML = "Paragraphe modifié." est le code JavaScript utilisé pour modifier le contenu HTML (innerHTML) de l'élément.

Dans ce tutoriel

Dans la plupart des cas, dans ce tutoriel, nous utiliserons la méthode décrite ci-dessus pour afficher :

L'exemple suivant met directement l'id= Le 01ffcd5d1a840d2341909ced6bafa76c de "demo" est écrit dans la sortie du document HTML :

Écrit dans le document HTML

À des fins de test, vous pouvez écrire du JavaScript directement dans le document HTML :

Exemple

<!DOCTYPE html>
<html>
<body>

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

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

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

</body>
</html>

Veuillez utiliser document.write() pour écrire uniquement le contenu dans la sortie du document.

Si document.write est exécuté une fois le chargement du document terminé, la page HTML entière sera écrasée.

Instance

<!DOCTYPE html>
<html>
<body>

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

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

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

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

</body>
</html>

Écrire sur la console

Si votre navigateur prend en charge le débogage et vous pouvez utiliser la méthode console.log() pour afficher les valeurs JavaScript dans le navigateur.

Utilisez F12 dans le navigateur pour activer le mode débogage, puis cliquez sur le menu "Console" dans la fenêtre de débogage.

Exemple

<!DOCTYPE html>
<html>
<body>

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

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

</body>
</html>

Le saviez-vous ?

Le débogage dans un programme consiste à tester, trouver et réduire les bugs ( erreurs) ) processus.

Ce qui précède est le contenu de la sortie JavaScript du [Tutoriel JavaScript]. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：[Tutoriel JavaScript] Introduction à JavaScriptArticle suivant：[Tutoriel JavaScript] Introduction à JavaScript

Articles Liés

Voir plus