javascript之Dom查询操作1

冰暮流星2026-04-04 11:15

1.通过Id获取单个元素

假定要获取下面html代码里面id是div1的div标签内容

语法是document.getElementById(Id值)

html 复制代码

<div id="div1">div1</div>

javascript 复制代码

 let a = document.getElementById("div1")
console.log(a)

2.根据name属性值获取

语法是document.getElementsByName(name值)

html 复制代码

    爱好:<input type="checkbox" name="hobby" value="eat">吃饭
        <input type="checkbox" name="hobby" value="sleep">睡觉
        <input type="checkbox" name="hobby" value="play">运动

这里要获取上面html代码里面的name值是hobby的内容

javascript 复制代码

       let b =document.getElementsByName("hobby")
       console.log(b)

3.根据标签名获取元素

语法是document.getElementsByTagName(标签名)

假如要查询标签是div的元素

javascript 复制代码

let c =document.getElementsByTagName("div")

4.根据类名进行查询

语法是

document.getElementsByClassName（类名）

既定要查类名是hello的元素

javascript 复制代码

let d =document.getElementsByClassName("hello")

以上是比较传统的查询方式