js获取元素的方法

最新推荐文章于 2024-07-12 10:43:17 发布
最新推荐文章于 2024-07-12 10:43:17 发布
阅读量84 收藏
点赞数
分类专栏： 入门 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LingLuoEr/article/details/128460152
版权

旧方法

document.getElementById        使用id

document.getElementsByTagName        通过标签名称

document.getElementsByName        通过标签中的name属性获取 

使用新的方法

documet.queryseletor()   获取单个

documet.queryseletorAll()    获取多个标签

css怎么获取的元素，这里就怎么获取元素，他支持元素，子代，并集，交集，伪类....选择器

documet.queryseletor(“标签”)        通过标签获取

documet.queryseletor(“#id名”)        通过ID名获取

documet.queryseletor(“.类名”)        通过类名获取

LingLuoEr
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js获取子元素
时光的博客
07-17 3万+
在原生js里获取子元素childNodes ，但是在一些浏览器会把空格当成子元素 html html： <div class="box"> <div>2</div> <div>1</div> </div> Js： var $ = function(o){ //获取元素函数 return doc
js添加元素方法
香格里拉&的博客
01-14 3941
1.insertBefore添加元素到指定位置 <ul id="ul"> <li>1</li> <li>2</li> <li>3</li> </ul> <ul id="sel"> </ul> <script> var btn = docume...
js获取元素的五种方法
热门推荐
m0_61685405的博客
09-26 1万+
在使用Javascript的过程中我们经常都需要获取元素 ，接下来就给大家介绍一下我知道的在js中获取元素的五种方法。 1.根据选择器查找元素 1.1 document.querySelector(); 返回文档中匹配指定的选择器组的第一个元素 1.2document.querySelectorAll(); 返回文档中匹配指定的选择器组的所有元素 <!DOCTYPE html> <html> <head&gt...
JavaScript获取元素的方法
qq_43551373的博客
12-02 2835
获取页面元素的方式 1.通过js的dom方法:可以使用内置对象 document 上的 getElementById 方法来获取页面上设 置了 id 属性的元素,获取到的是一个 html 对象,然后将它赋值给一个变量. 获取页面元素那么必须将获取元素的代码块放置在事件中 如果把 javascript 写在元素的上面,就会出错,因为页面上从上往下加载执行的,javascript 去页面上获取元素 d...
javascript获取元素离文档各边距离的方法
10-24
总结来说，使用JavaScript获取元素离文档各边距离的方法主要涉及`offset()`、`scrollTop()`、`scrollLeft()`、`height()`、`width()`以及`outerHeight()`和`outerWidth()`等方法的结合运用。通过这些方法，我们可以...
js获取元素外链样式的方法
10-24
主要介绍了js获取元素外链样式的方法,分别在标准浏览器与IE浏览器两种情况下实现获取对应样式的功能,是非常实用的技巧,需要的朋友可以参考下
js获取json元素数量的方法
10-24
主要介绍了js获取json元素数量的方法,可实现对json元素数量的统计功能,具有一定参考借鉴价值,需要的朋友可以参考下
原生js获取元素样式的简单方法
11-27
在学习DOM的时候就看到通过ele.style来获取元素样式值，但是有时候获取的并非是节点的样式值，而是空值。这是因为ele.style只能获取写在元素标签中的style属性里的样式值，无法获取到定义在<style></style&...
js通过classname来获取元素的方法
10-21
首先，原生JavaScript提供了三种基本的获取元素的方法： 1. `getElementById('id')`：通过元素的唯一ID获取单个元素。这是最快且最直接的方式，但因为ID必须是唯一的，所以不能用于基于类名的选择。 2. `...
Webkit简介以及工作流程
读心悦
07-10 310
WebKit是一个开源的浏览器引擎，最初由苹果公司基于KHTML（K Desktop Environment的HTML渲染引擎）开发，并广泛应用于Safari浏览器。随着时间的推移，WebKit也被其他多款浏览器和应用所采用，成为Web技术生态中的重要一员。WebKit的核心功能包括解析HTML、CSS、JavaScript等网页内容，并将其渲染为可视化的网页页面。它主要由WebCore（负责HTML解析、CSS样式计算和布局）和JavaScriptCore（负责JavaScript解释执行）两大部分组成。
vue引入sm-crypto通过sm4对文件进行加解密，用户输入密码
cc1314_工作、学习有感
07-12 185
通过sm4对文件进行加解密，用户输入密码
vue2 、 vue3首屏优化，减少白屏时间
m0_56104994的博客
07-09 306
vue2、vue3首屏优化,减少白屏时间
前端 JS 经典：迭代器
weixin_64684095的博客
07-12 162
如果在最后一个值返回后再调用 next()方法，那么返回的对象中属性 done 的值为 true，属性 value 则包含迭代器最终返回的值（如果没有相关数据则返回 undefined）。可迭代对象具有 Symbol.iterator 属性，通过指定的函数可以返回一个作用于附属对象的迭代器。JavaScript 中有一些内置的可迭代对象，如数组、字符串、集合（Set）、映射（Map）等，它们都具有默认的迭代器。在 JavaScript 中，迭代器是一个对象，它定义了一个序列，并在终止时可能返回一个返回值。
javascript高级部分笔记
喵喵的博客
07-09 1267
javascript高级部分 Function方法 与 函数式编程 call 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 let myName = 'goudan
什么是vue的计算属性
weixin_56187723的博客
07-12 196
Vue的计算属性（Computed Properties）是Vue组件中的一个非常强大的功能，它们允许组件基于它们的响应式依赖进行缓存的派生值。只有当相关响应式依赖发生改变时，计算属性才会重新求值。这意味着只要依赖的响应式数据没有发生变化，多次访问计算属性会立即返回之前的计算结果，而不必再次执行计算函数。
Vue3 使用 Vue Router 时，prams 传参失效和报错问题
最新发布
专注基础架构领域
07-12 342
我尝试使用 prams 传递数据当我跳转页面时,得到的 prams 数据为空 ,控制台也出现了 Vue Router 的警告点开链接后发现了原因,。也就是说，从Vue Router的2022-8-22 这次更新后，我们使用上面的方式在新页面无法获取：vue也给我们提出了解决方案：使用 query 的方式传参只要改成query 传参就好了,注意query传参只能用路由表中的 path ,不是 name ,并且所有参数都会显示在URL 地址上。将参数放在 pinia 或 vuex仓库里。
TS类型声明文件（二）如何在 TS 中导入导出局部类型
weixin_43303603的博客
07-10 237
系列文章之：如何在 TypeScript 中导入导出局部类型
js中scrollIntoView第一次不生效，第二次生效
风如也的博客
07-12 113
方法用于将元素滚动到可视区域。如果在页面加载后立即使用，可能不会生效，因为页面可能还没有完全渲染或者加载完成。如果是因为元素还没有完全渲染完成，可以在。关键是确保在页面完全加载和渲染之后再调用。
js获取元素的六种方法
03-31
1. 通过ID获取：使用document.getElementById()方法获取元素。 2. 通过标签名获取：使用document.getElementsByTagName()方法获取元素。 3. 通过类名获取：使用document.getElementsByClassName()方法获取元素。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值