JS 获取元素

最新推荐文章于 2024-06-12 11:59:04 发布
最新推荐文章于 2024-06-12 11:59:04 发布
阅读量50 收藏
点赞数
文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pumpkin___/article/details/130981285
版权

GetElementById

  1. 因为我们文档页面从上往下加载，所以先得有标签，所以script写在标签的下面
  2. Get 获得 element 元素 by 通过 驼峰命名法
  3. 参数 id是大小写敏感的字符串
  4. 返回的是一个元素对象
  5. Console.dir 打印我们返回的元素对象 更好的查看里面的属性和方法

效果图：

初始效果

鼠标点击后：

GetElementsByTagName()

可以返回带有指定标签名的对象的集合。返回的是伪数组

  1. 返回的是获取过来的元素对象的集合，以伪数组的形式存储的。
  2. 想要打印里卖弄的元素对象，可以采取遍历的方式
  3. 如果页面中只有一个Li 返回的还是为伪数组的形式
  4. 如果没有这个元素就返回空的伪数组形式。
  5. 也可以把父元素写在前面.getElementsByTagName(‘li’)

GetElementsByClassName 根据类名获得某些元素集合

querySelector 返回指定选择器的第一个元素对象（类加. Id选择器加#）

querySelectorAll() 返回指定选择器的所有元素对象集合

  1. 获取body 元素

2.获取html元素

 

一篇空白_48
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JavaScript 获取元素
xihuanLilia的博客
02-12 674
获取元素前言一、 根据id获取二、根据标签名获取元素三、H5新增获取元素的方式根据类名获取querySelector()四、获取特殊元素 前言 为什么需要获取元素呢？ 是因为我们想要操作页面上的某些部分（显示、隐藏等等），都需要先获取到该部分对应的元素 ，再对其进行操作 一、 根据id获取 基本语法如下 var 变量名 = document.getElementById(id) 返回值是元素对象或者null 案例如下 二、根据标签名获取元素 document.getElementsByTagName(
JavaScript获取元素样式
Sore4的博客
04-21 4980
JavaScript获取元素样式
js获取元素
qq_52395816的博客
06-12 7088
js获取元素
Js获取元素
lhy010831的博客
08-11 3169
js dom
js获取元素绝对坐标
学习使我快乐_玉祥
09-25 446
【代码】js获取元素绝对坐标。
JS获取元素
woshi6yi的博客
03-15 2883
一、通过id获取元素 document.getElementById（''）; 二、通过标签获取元素 .getElementsByTagName(''); 返回的是 获取过来的元素对象的集合 以伪数组形式存储 这个方法不管有没有这个元素都会返回伪数组 三、通过类名获取元素 .getElementsByClassName（‘’）； 根据类名获取某些元素集合 四、通过选择器获取元素 .querySelector（）根据选择器返回指定选择器的第一个元素对象 document.querySel
JS获取元素CSS样式
qq_44771388的博客
01-19 1621
获取元素CSS样式的方法 说到在js里修改css样式的属性，我第一个想的是.style属性、然后去具体的修改字体的样式，背景颜色等样式，最近在做一个练习的时候涉及到了这部分的知识。 一·首先style属性 我们建立两个div，一个给内联样式，一个给行内样式。 我们只能获得到写了行内样式的css样式。所以style属性只是修改元素的行内样式。 说个题外话： !important，可以提高样式的优先级。并且等级高于行内样式，所以在js中使用style属性修改的行内样式优先级也小于 !important 例如下图
js获取元素的方法
zybijiso666的博客
08-01 4229
getElementsByClassName()方法返回一个包含了所有指定类名的子元素的类数组对象，作为nodeList对象。documentElement是整个节点树的根节点，即html标签 HTML文档返回对象为HTML元素。getElementsByTagName()方法返回一个动态的包含所有指定标签名的元素的。(documentElement是一个会返回文档对象的根元素的只读属性)documentElement属性以一个元素对象返回一个文档的文档元素。如果HTML元素缺失，返回值为null。
js 获取元素的方式
热门推荐
Dcripple的博客
05-20 1万+
js 获取元素5种的方式 1、标签获取元素 getElementsByTagName()方法返回一个动态的包含所有指定标签名的元素的集合。 语法： document.getElementsByTagName(‘元素的标签名’); <body> <p id="demo">Hello World!</p> <p id="pro">Hi Jhon!</p> </body> <script> //根据标签改变字...
javascript获取元素离文档各边距离的方法
10-24
主要介绍了javascript获取元素离文档各边距离的方法,以一个自定义函数形式分析了javascript针对文档各边距离的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
JavaScript 获取元素在父节点中的下标(推荐)
10-19
jQuery中直接通过$(this).index()即可得到当前元素的下标。下面通过实例给大家介绍JavaScript 获取元素在父节点中的下标，需要的朋友参考下吧
javascript获取元素偏移量的方法有哪些
10-25
javascript中可以通过四个属性获得元素的偏移量，offsetHeight、offsetWidth、offsetLeft、offsetTop，下面为大家解释下各属性的含义
原生javascript获取元素样式
10-24
主要介绍了原生javascript获取元素样式的方法,需要的朋友可以参考下
原生JS获取元素集合的子元素宽度实例
10-20
本文主要对原生JS获取元素集合的子元素宽度的实现方法进行介绍，代码详细，具有很好的参考价值，需要的朋友一起来看下吧
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 366
在vue.config.js中配置关闭Uncaught runtime errors显示。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 522
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
基于JavaScript 如何实现爬山算法以及优化方案
乐闻世界
06-10 1333
爬山算法（Hill Climbing Algorithm）是一种常见的启发式搜索算法，常用于解决优化问题。其核心思想是从一个初始状态出发，通过逐步选择使目标函数值增大的邻近状态来寻找最优解。接下来，我们将通过 JavaScript 实现一个简单的爬山算法，帮助大家理解其原理和应用。从一个初始状态开始。评估当前状态的目标函数值。在当前状态的邻居中选择一个目标函数值更大的状态。如果找到了更优的邻居，则移动到该邻居并重复步骤2和步骤3。如果没有更优的邻居，则算法结束，当前状态即为局部最优解。
vue3如何定义一个组件
Java程序员专栏
06-09 552
注意在子组件的 <template> 中，你使用 {{ propName }} 来显示传递进来的参数值。在父组件中，你使用 :propName="parentMessage" 来将 parentMessage 数据的值绑定到子组件的 propName prop 上。当使用 <script setup> 语法糖时，你不能直接在 <script> 标签内使用 props 选项。在 Vue 3 中，定义一个可以接收参数的组件通常是通过在组件的 props 选项中定义这些参数来完成的。// 其他组件逻辑...
（Javascript）AI数字人mp4转canvas播放并去除背景绿幕
最新发布
lx_nhs的博客
06-12 446
去除前：去除后： 3、可能会出现的报错 （1）视频路径跨域问题：解决：vue开启代理
js 获取元素偏移量
07-27
回答: 在JavaScript中，可以使用offset()方法来获取元素的偏移量。这个方法返回一个包含top和left属性的对象，分别表示元素相对于文档顶部和左侧的偏移量。例如，可以使用$("div").offset().top来获取一个div元素相对于文档顶部的偏移量，使用$("div").offset().left来获取其相对于文档左侧的偏移量。如果需要更改元素的偏移量，可以在offset()方法中传递一个包含top和left属性的对象作为参数，来设置新的偏移值。例如，可以使用$("div").offset({top: 300, left: 100})来将一个div元素的偏移量设置为top为300，left为100。\[2\] #### 引用[.reference_title] - *1* *2* [jQuery —— 获取元素的偏移量和位置](https://blog.csdn.net/qq_42383764/article/details/105718203)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [js获取元素的偏移量offset](https://blog.csdn.net/liang5603/article/details/76690993)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值