js获取元素对象的几种方法

1.通过id获取

getElementById() 方法返回带有指定 ID 的元素

  <div id="time"></div><script>let time = document.getElementById('time');</script>

2.通过标签名获取

getElementsByTagName()返回带有指定标签名的所有元素的集合。

  <p></p><script>let p = document.getElementsByTagName('p');</script>

3.通过类名获取

getElementsByClassName() 方法返回带有相同类名的所有 HTML 元素的集合

  <div class="box"></div><script>let box = document.getElementsByClassName('box');console.log(box);</script>

4.通过querySelector()方法获取

querySelector()方法用于返回指定选择器的第一个元素对象

    //1.通过标签名let res =document.querySelector('div');console.log(res); //2.通过类名console.log(document.querySelector('.one')); //3. id选择器console.log(document.querySelector('#box')); //4.后代选择器let res1 = document.querySelector('ul li');console.log(res1); //5.伪类选择器console.log(document.querySelector('ul li:nth-child(3)') );//6.属性选择器document.querySelector('input[name="username"]');

5.通过querySelector()方法获取

querySelecorAlI()方法用于返回指定选择器的所有元素对象集合
（选择器同样指的是css所有选择器，这里就不一一举例了）

console.log(document.querySelectorAll('li'));

js获取元素对象的几种方法相关推荐

js获取元素节点的几种方法
1.以元素名获取 //通过标签名获取元素节点(获取0到多个节点) //书写格式: //document.getElementsByTagName("元素名") let divEle ...
js中获取元素对象的四种方式
通过id获取通过元素的ID值获取到某个元素对象返回:单个对象,因为id是唯一的格式 document.getElementById("id名称"); 示例 var span ...
JS获取URL参数的4种方法总结
1.字符串 split 方法(推荐) let URL = "http://www.baidu.com?name=张三&age=25&sex=男&wife=小红&quo ...
Spring学习总结（28）——Spring获取request对象的几种方法及线程安全性总结
分享一个大神的人工智能教程.零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到人工智能的队伍中来!点击浏览教程前言在使用Spring MVC开发Web系统时,经常需要在处理请求时使用reque ...
js中遍历对象的几种方法
一.前言我们知道,在js的对象中,有下面几种属性: 可枚举属性不可枚举属性从原型链上继承的属性以Symbol作为key值今天,我们就来谈一谈如何遍历这些属性. 二.遍历可枚举属性首先, ...
获取 Class 对象的 3 种方法
1.调用某个对象的 getClass()方法 Person p=new Person(); Class clazz=p.getClass(); 2.调用某个类的 class 属性来获取该类对应的 Cl ...
自定义获取html元素对象的7种方法。
转载于:https://www.cnblogs.com/h-g-f-s123/p/5740035.html
Js中访问对象的两种方法
我们通常都使用点" . '"表示法来访问对象,在js中也可以用方括号" [ ] "来访问对象的属性. 使用[]时,应该将想要访问的属性用字符串的形式放在&quo ...
js获取每个月最后一天的两种方法
每次遇到不太熟悉的东西,就会莫名的心虚,如果再有需求确实需要,还会有反抗情绪,就比如说昨天的一个需求. 需求细节报表数据项加链接,需要把起止时间携带到链接地址上,方便在对应地址的页面回显数据.不过报 ...