javascript之Dom查询操作1

1.通过Id获取单个元素

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

语法是document.getElementById(Id值)

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

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

2.根据name属性值获取

语法是document.getElementsByName(name值)

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

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

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

3.根据标签名获取元素

语法是document.getElementsByTagName(标签名)

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

let c =document.getElementsByTagName("div")

4.根据类名进行查询

语法是

document.getElementsByClassName（类名）

既定要查类名是hello的元素

let d =document.getElementsByClassName("hello")

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