js获取Element元素的常用方法

js中获取Element元素的常用方法有以下四种：

【方法一】根据元素ID：document.getElementById()

【方法二】根据元素标签：document.getElementsByTagName()

【方法三】根据元素class名：document.getElementsByClassName()

【方法四】根据元素name名：document.getElementsByName()

需要注意的是，方法中Element后面加“s”的，返回的是数组，即便只有一个对象，也是长度为1的数组。

所以后面调用时，记得加上索引（变量名[0]）

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js获取Element元素的常用方法title>

    <img id="m1" src="./img.jpg" width="200px"> <br />

    <div class="cls">div> <br />
    <div class="cls">div> <br />

    <input type="checkbox" name="hobby">运动
    <input type="checkbox" name="hobby">阅读
    <input type="checkbox" name="hobby">游戏

head>

<body>
    <script>
        // 1 根据元素ID
        let img = document.getElementById("m1");
        console.log(img);

        // 2 根据元素标签
        let div = document.getElementsByTagName("div");
        console.log(div);

        // 3 根据元素class名
        let cls = document.getElementsByClassName("cls");
        console.log(cls);

        // 4 根据元素的name名
        let hobby = document.getElementsByName("hobby");
        console.log(hobby);
    script>
body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

在这里插入图片描述

相关阅读:
[Unity]将所有 TGA、TIFF、PSD 和 BMP（可自定义）纹理转换为 PNG，以减小项目大小，而不会在 Unity 中造成任何质量损失
多进程与多线程
【LeetCode贪心#09】用最少数量的箭引爆气球，无重叠区间，合并区间（涉及区间重叠情况判断与处理）
c++ LRU(最近最少使用)缓存机制
Javaweb第5次上机练习（获取HTTP的请求参数）
安卓学习中遇到的问题【bug】
CentOS8安装Docker与卸载Docker
深度学习入门（三十九）计算性能——分布式训练、参数服务器（TBC）
Android 使用FFmpeg3.3.9基于命令实现视频压缩
牛客题解

原文地址：https://blog.csdn.net/qq_42108331/article/details/130913751