Maison > Article > interface Web > Comment utiliser getElementById en JavaScript
Comment utiliser getElementById en JavaScript
- 不言original
- 2018-12-24 10:30:1225025parcourir
getElementById est une méthode qui renvoie un élément avec une valeur d'identifiant spécifiée en tant qu'objet Element. Vous pouvez utiliser getElementById pour obtenir l'ID spécifié à partir d'une balise HTML afin de traiter certains contenus.
Utilisation de getElementById
La façon d'obtenir l'élément en utilisant getElementById est la suivante
document.getElementById(id)
Définir dans l'id L'élément id que vous souhaitez obtenir dans le HTML. Étant donné que le même identifiant ne peut pas être utilisé plusieurs fois en HTML, il doit s'agir d'une valeur d'identifiant unique.
S'il y a plusieurs identifiants dans le HTML, seul le premier élément id correspondant est renvoyé. Si l'identifiant spécifié n'existe pas, null est renvoyé.
Regardons exemples spécifiques
Caractères d'affichage
Le code est le suivant suit
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
</head>
<body>
<p id="text"></p>
<script>
document.getElementById("text").innerHTML = "你好，php中文网！";
</script>
</body>
</html>Les résultats d'exécution sont les suivants
Afficher le texte de connexion
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
</head>
<body>
<p id="text2"></p>
<script>
document.getElementById("text2").innerHTML = "a" + "b";
</script>
</body>
</html>Les résultats d'exécution sont les suivants
Afficher les résultats du calcul
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
</head>
<body>
<p id="text3"></p>
<script>
document.getElementById("text3").innerHTML = 3 + 5;
</script>
</body>
</html>
Les résultats d'exécution sont les suivants suit
Enfin, comme il existe de nombreuses utilisations de getElementById dans le DOM (Document Object Model), nous devons le maîtriser autant que possible.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!