Comment obtenir des éléments HTML en JavaScript-js tutoriel-php.cn

Comment obtenir des éléments HTML en JavaScript

青灯夜游

Libérer： 2021-10-25 14:08:46

original

3836 Les gens l'ont consulté

Méthode d'acquisition : 1. Utilisez la méthode getElementById() du document ; 2. Utilisez la méthode getElementByClassName() du document ;

Comment obtenir des éléments HTML en JavaScript

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

JavaScript obtient des éléments HTML

Méthode getElementById() du document

    <body>
        <a id="id">a标签</a>
        <script>//document指当前文件，get即得到，Element即元素，ById即通过id；即通过id值获取当前文件中的元素
            var element = document.getElementById("id");
            console.log(element);
        </script>
    </body>

Copier après la connexion

Résultat :

Méthode getElementByClassName() du document : rreee Résultat :

getElementByName du document () méthode :

<body>
    <a class="first">a标签</a>
    <a>a标签2</a>
    <script>//ByClassName即通过Class值；即通过class值获取当前文件中的元素,因为可能不止一个，所以得到的为一个数组
        var element = document.getElementsByClassName("first")[0];//此处只获取第一个
        console.log(element);
        var element2 = document.getElementsByTagName("a")[1];//此处只获取第二个
        console.log(element2);
    </script>
</body>

Copier après la connexion

Résultat :

[Apprentissage recommandé :
Tutoriel avancé javascript
]
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!