hello,你知道获取元素有哪几种方式吗？

收下我的小心心！（害羞脸）

根据id属性的值获取元素，返回来的是一个元素对象

document.getElementById("id属性的值")
根据标签名获取元素，返回来的是一个伪数组，里面保存了多个的DOM对象

document.getElementsByTagName("标签名字")
根据name属性的值获取元素(主要针对表单元素)，返回来的是一个伪数组，里面保存了多个的DOM对象

document.getElementsByName("name属性的值")
根据类样式的名字来获取元素，返回来的是一个伪数组，里面保存了多个的DOM对象

document.getElementsByClassName("类样式的名字")
根据选择器获取元素，返回来的是一个元素对象

document.querySelector("选择器的名字")
根据选择器获取元素，返回来的是一个伪数组，里面保存了多个的DOM对象

document.querySelectorAll("选择器的名字")

以上只是我自己的学习总结，请各位大佬多多指教复制代码

转载于:https://juejin.im/post/5cd51476e51d456e2d69a847

hello,你知道获取元素有哪几种方式吗？相关推荐

js中获取元素对象的四种方式
通过id获取通过元素的ID值获取到某个元素对象返回:单个对象,因为id是唯一的格式 document.getElementById("id名称"); 示例 var span ...
js操作元素：改变元素内容有两种方式： interText 和 innerHTML的区别，常用的元素的属性操作，仿电脑系统时间问好，表单元素的属性操作，案例：仿京东显示隐藏密码，样式属性操作
文章目录操作元素改变元素内容有两种方式: interText 和 innerHTML的区别常用的元素的属性操作案例:仿电脑系统时间问好表单元素的属性操作案例:仿京东显示隐藏密码样式属性操 ...
ajax获取后台数据的几种方式及如何获取ajax内部的数据供外部使用
文章目录 1 ajax获取后台数据的几种方式 1.1 原生js的ajax方式 1.1.1 get 1.1.2 post 1.2 jQuery封装的ajax方式 1.2.1 $.ajax 1.2.2 $ ...
springboot实战获取spring上下文的4种方式
实际开发中我们经常需要通过spring上下文获取一些配置信息,本文阐述springboot应用获取spring上下文的几种方式. 方式一:实现ApplicationContextAware接口 imp ...
python执行系统命令后获取返回值的几种方式集合
第一种情况 os.system('ps aux') 执行系统命令,没有返回值第二种情况 result = os.popen('ps aux') res = result.read() for lin ...
获取Class对象的三种方式
获取Class对象的三种方式 Object --> getClass() 通过对象.getclass 任何数据类型(包括基本数据类型)都有一个"静态"的class属性通过类 ...
html中获取modelandview中的json数据_从Bitmap中获取YUV数据的两种方式
从Bitmap中我们能获取到的是RGB颜色分量,当需要获取YUV数据的时候,则需要先提取R,G,B分量的值,然后将RGB转化为YUV(根据具体的YUV的排列格式做相应的Y,U,V分量的排列) 所以这篇 ...
元素隐藏的三种方式对比（针对移动端项目中的按钮，先隐藏且不能被点击 visibility:hidden）
元素隐藏的三种方式对比 display:none opacity:0 visibility:hidden 项目需求表面一个图片遮罩,鼠标hover遮罩消失,内部元素展现,其中有一个按钮在移动端是手指 ...
php解析url并得到url中的参数及获取url参数的四种方式
本文给大家介绍php解析url并得到url中的参数及获取url参数的四种方式,涉及到将字符串参数变为数组,将参数变为字符串的相关知识,本文代码简单易懂,感兴趣的朋友一起看看吧下面一段代码是php解析 ...

hello,你知道获取元素有哪几种方式吗？

hello,你知道获取元素有哪几种方式吗？相关推荐

最新文章

热门文章