JavaScript Comment
La balise HTML <script> est utilisé pour insérer un code JavaScript dans un document HTML.
Le code HTML attribut "id" est utilisé pour identifier les éléments HTML.
Manipulation d'éléments HTML
JavaScript est généralement utilisé pour manipuler des éléments HTML existants.
Le code HTML attribut "id" est utilisé pour identifier les éléments HTML.
Pour accéder à un élément HTML à partir d'un JavaScript, utilisez le document.getElementById () méthode.
Le document.getElementById () méthode accéder à l'élément HTML avec l'id spécifié.
Exemple
Accéder à l'élément HTML avec l'id spécifié, et modifier son contenu:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>
<script type="text/javascript">
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
</body>
</html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>
<script type="text/javascript">
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
</body>
</html>
Essayez vous-même »
Exemple Expliqué
Pour insérer un code JavaScript dans une page HTML, utilisez la balise <script>.
A l'intérieur de la balise <script> utiliser l'attribut type pour définir le langage de script.
Le <script> et </ script> indique où le Javascript commence et se termine.
Les lignes entre l'<script> et </ script> contiennent le code JavaScript et sont exécutées par le navigateur:
<p id="demo">My First Paragraph.</p>
<script type="text/javascript">
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
<script type="text/javascript">
document.getElementById("demo").innerHTML="My First JavaScript";
</script>
Dans ce cas, le navigateur accéder à l'élément HTML avec id = "demo", et remplacer le contenu par "My First JavaScript".
Certains navigateurs ne supportent pas JavaScript
Les navigateurs qui ne prennent pas en charge JavaScript, affiche JavaScript comme contenu de la page.
Pour les empêcher de faire cela, et comme une partie de la norme JavaScript, la balise de commentaire HTML doit être utilisé pour "masquer" le code JavaScript.
Il suffit d'ajouter une balise de commentaire HTML <- avant la première instruction JavaScript, et un -> (fin du commentaire) après la dernière instruction JavaScript, comme ceci:
<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
<!--
document.getElementById("demo").innerHTML="My First JavaScript";
//-->
</script></body>
</html>
<html>
<body>
<script type="text/javascript">
<!--
document.getElementById("demo").innerHTML="My First JavaScript";
//-->
</script></body>
</html>
Les deux barres obliques à la fin de ligne de commentaire (/ /) est le symbole de commentaire JavaScript. Cela empêche JavaScript d'exécuter la - tag>.
Ecrire directement dans le document HTML
L'exemple ci-dessous écrit un élément <p> dans le document HTML:
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script type="text/javascript">
document.write("<p>My First JavaScript</p>");
</script>
</body>
</html>
<html>
<body>
<h1>My First Web Page</h1>
<script type="text/javascript">
document.write("<p>My First JavaScript</p>");
</script>
</body>
</html>
Essayez vous-même »
Remarque: La page HTML sera écrasé si document.write () est utilisée dans une fonction: Essayez vous-même
0 commentaires:
Post a Comment
HELLO VISITORS THANKS FOR YOUR VISIT AND COMMENT