Maison > interface Web > js tutoriel > le corps du texte

Comment obtenir des éléments de page via l'attribut id en javascript

醉折花枝作酒筹
Libérer: 2023-01-06 11:17:07
original
9447 Les gens l'ont consulté

En javascript, vous pouvez utiliser la méthode getElementById pour obtenir des éléments de page. Le format de syntaxe est "document.getElementById("id name")". La méthode getElementById renvoie une référence au premier objet avec l'ID spécifié.

Comment obtenir des éléments de page via l'attribut id en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Les pages Web organisent les informations par balises, et la valeur de l'attribut id de la balise est unique. Comment trouver l'élément à obtenir via javascript

document.getElementById("id") //语法
Copier après la connexion

Grâce au code suivant, on constate que. le résultat de l'exécution est null ou [object HTMLParagraphElement]

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>通过ID获取元素</title>
        <script type="text/javascript">
            var myceshi=document.getElementById(&#39;ceshi&#39;);//获取元素存储在变量中
            // document.write(&#39;结果:&#39;+myceshi);//输出变量
            alert(myceshi);
            document.write(&#39;结果:&#39;+myceshi);//输出变量
        </script>
    </head>
    <body>
        <div id="ceshi">I love javascript</div>
        <!-- <script type="text/javascript">
            var myceshi=document.getElementById(&#39;ceshi&#39;);//获取元素存储在变量中
            // document.write(&#39;结果:&#39;+myceshi);//输出变量
            alert(myceshi);
            document.write(&#39;结果:&#39;+myceshi);//输出变量
        </script> -->
    </body>
</html>
Copier après la connexion

L'élément obtenu est un objet Si nous voulons opérer sur l'élément, nous devons utiliser ses propriétés ou ses méthodes. (l'objet HTMLParagraphElement est l'élément de paragraphe HTML de l'objet. Ce qui est obtenu est l'élément. Cet élément est également l'objet. L'objet obtenu n'affichera pas la valeur à l'intérieur, donc l'objet HTMLParagraphElement est affiché. Si vous souhaitez extraire la valeur à l'intérieur, utilisez innerHTML pour obtenir) La méthode

getElementById() renvoie une référence au premier objet avec l'ID spécifié.

définit plusieurs méthodes pour rechercher des éléments, en plus de getElementById(), il existe également getElementsByName() et getElementsByTagName().

Cependant, si vous avez besoin de rechercher un élément spécifique dans le document, la méthode la plus efficace est getElementById().

Lors de la manipulation d'un élément spécifique du document, il est préférable de donner à l'élément un attribut id, en lui donnant un nom unique (dans le document), puis vous pourrez utiliser cet identifiant pour trouver l'élément souhaité.

[Apprentissage recommandé : Tutoriel JavaScript avancé]

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal