【每日知识】获取元素的方式

一.DOM
1.简介
文档对象模型(Document 0bject Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。DOM是一种基于树的API文档，它要求在处理过程中整个文档都表示在存储器中。

二.获取元素的方法

<div id="btn">我是按钮</div>
  <ul>
    <li>我是前端营地</li>
    <li>我是前端营地</li>
    <li>我是前端营地</li>
    <li>我是前端营地</li>
    <li>我是前端营地</li>
  </ul>
<div class="box"></div>
<input type="radio" name="gender" />男
<input type="radio" name="gender" />女

1.根据id名获取元素

let btn = document.getElementById('btn')
console.log(btn)// dom对象,id具有唯一性

2.根据标签名获取元素

let liList = document.getElementsByTagName('li')
console.log(liList)//伪数组

3.根据类名获取元素

let boxList = document.getElementsByClassName('box')
console.log(boxList)

4.根据name值获取表单元素

let nameList = document.getElementsByName('gender')
console.log(nameList)