码迷,mamicode.com
首页 > Web开发 > 详细

JS获取元素

时间:2019-10-02 14:55:03      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:获取   app   span   数组   一个   col   code   query   哈哈   

1.   document.getElementsByTagName(‘标签名‘)     //通过标签名获取多个元素  返回一个伪数组

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>

var res=document.getElementsByTagName(div)
console.log(res)

2.  document.getElementById(‘id名‘)   通过id获取元素,返回对应的元素

<div id="box">哈哈</div>

var res=document.getElementById(box)
console.log(res)

3.通过元素调用   .getElementsByTagName(‘标签名‘) 

<div id="box">
  <div>1</div>
  <div>2</div>
</div>
var box=document.getElementById(box)
var res=box.getElementsByTagName(div)
console.log(res)

4. document.getElementsByClassName("类名")     //通过类名获取多个元素  返回一个伪数组

var res=document.getElementsByClassName("box")
console.log(res)

5.通过元素调用  .getElementsByClassName("类名")

<div id="app">
<div class="box">1</div>
<div class="box">2</div>
</div>

var app=document.getElementById(app)
var res=app.getElementsByClassName("box")
console.log(res)

6.document.querySelector(‘.选择器‘)    //通过选择器查找元素,返回符合条件的第一个

var res=document.querySelector(.box)
console.log(res)

  document.querySelectorAll(‘选择器‘)    // 通过选择器查找元素,返回一个伪数组

var res=document.querySelectorAll(.box)
console.log(res)

 

  

JS获取元素

标签:获取   app   span   数组   一个   col   code   query   哈哈   

原文地址:https://www.cnblogs.com/zhaodz/p/11617304.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!