JS获取HTML DOM元素的方法

最新推荐文章于 2024-09-11 15:33:18 发布

weixin_46367239

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量216

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46367239/article/details/105343292

版权

JS获取HTML DOM元素的方法：

1、通过ID获取

document.getElementById("id名")

获取id必须使用document调用getElementById

2、通过标签名获取标签列表

getElementsByTagName("标签")

获取到的标签列表是一个类数组(HTMLcollection)
这个方法除了可以使用document以外，还可以使用元素调用
如果使用元素调用，就是指当前这个元素的子元素中的标签名

3、通过类名获取标签列表

getElementsByClassName("class名")

获取到的标签列表是一个类数组(HTMLcollection)
可以使用document，也可以使用元素调用

4、通过name名获取节点列表

document.getElementsByName("name名")

根据name获取节点列表(Node List)，不可以通过父元素获取

5、通过选择器获取一个元素

querySelector("元素")

只获取第一个找到的元素
可以使用document，也可以使用元素调用
只能在ie8及以上版本使用

6、通过选择器获取所以的元素

querySelectorAll("元素")

获取所有符合条件的元素
可以使用document，也可以使用元素调用
只能在ie8及以上版本使用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_46367239

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

JavaScript获取HTML DOM节点元素的方法的总结

mydeman的学习日志

02-02

2万+

在Web应用程序特别是Web2.0程序开发中，经常要获取页面中某个元素，然后更新该元素的样式、内容等。如何获取要更新的元素，是首先要解决的问题。令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）： 1. 通过顶层document节点获取：（1） docu

Javascript-获取DOM元素的五种方法

Ass12454548的博客

01-15

4076

简介本文主要介绍通过JS获取DOM元素的五种方法:1.根据id名获取元素:getElementById;2.根据标签名获取元素:getElementsByTagName,返回一个数组;3.根据类名获取元素:getElementsBClassName,返回一个数组;4.根据name属性获取元素:getElementsByName,返回一个数组;5.根据选择器获取元素:1.querySelector:获取一个元素,推荐使用,用法类似写css;

参与评论您还未登录，请先登录后发表或查看评论

js查找HTMLCollection对象中的下标

weixin_33904756的博客

04-15

1200

前言这两天写的一个小功能，需要获取HTMLCollection指定对象的索引，深入研究之后才发现自己知识域的盲区，在这里也写出来记录一下，希望和我存在同样困惑的朋友可以一同探讨一下。 HTMLCollection是什么：它是HTML DOM对象的一个接口，这个接口包含了获取到的DOM元素集合，返回的类型是Object。它很像数...

js HTMLCollection数组中的数据无法获取 dorado onRenderCell

puspos的博客

11-16

2158

所有的元素全部加载之后，才可以获取到HTMLCollection数组中的元素解决办法使用setTimeout函数 //设置300ms后执行 setTimeout(function(){ xx; },300);

js类名获取元素时HTMLCollection为空

keke11211的博客

09-18

2558

问题：在vue项目中通过原生js方法获取DOM元素（类名获取元素），控制台中可以打印出来值，但是length长度为0且操作不了，代码和截图如下： console.log(document.getElementsByClassName('el-dialog__body')) 解决办法：经分析之后，发现是因为代码写的位置不对，出现这个错误的原因是：js执行太快，获取的时候DOM元素还没有渲染完成，所以解决办法就是延迟获取，待节点渲染完成之后再获取元素： this.$nextTick...

js获取HTML DOM元素的方法

RayShyy的博客

03-17

1168

js 获取DOM元素的方法 getElementById: 通过Id名获取； getElementsByTagName: 通过标签名获取； getElementsByClassName: 通过类名获取； querySelector: 通过选择器获取该选择器的第一个元素对象； querySelectorAll: 通过选择器获取该选择器所有的元素对象； document.body: 专门获取body元素； document.documentElement: 专门获取html元素。 1. getElement

JS添加或删除HTML dom元素的方法实例分析

10-17

接下来，我们将详细探讨JavaScript添加和删除HTML DOM元素的方法，并结合实例进行分析。 ### 创建DOM元素在JavaScript中，创建一个新的DOM元素首先需要使用`document.createElement()`方法。这个方法接受一个标签...

详解JS获取HTML DOM元素的8种方法

12-07

什么是HTML DOM 文档对象模型（Document ...JS获取DOM元素的方法（8种）通过ID获取（getElementById）通过name属性（getElementsByName）通过标签名（getElementsByTagName）通过类名（getElementsByClass

用JavaScript获取DOM元素位置和尺寸大小的方法

10-27

本文将深入探讨如何利用JavaScript获取DOM元素的位置和尺寸，并解释相关属性。首先，我们要了解几个关键的属性： 1. `offsetWidth` 和 `offsetHeight`：这两个属性返回元素的完整外尺寸，包括内容、内边距和边框...

Js 获取HTML DOM节点元素的方法小结

01-19

令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）1. 通过顶层document节点获取：（1） document.getElementById(elementId) ：该方法通过节点...

JS 查看标签下某元素所有信息（查看元素，查询元素，遍历元素、HTMLCollection对象、NodeList对象）

墨痕诉清风的博客

09-04

3584

对象是一个从文档中获取的节点列表 (集合)。NodeList 对象类似对象。）返回的是 NodeList 对象，而不是 HTMLCollection 对象。所有浏览器的属性返回的是 NodeList 对象。大部分浏览器的返回 NodeList 对象。

原生js获取document_详解JS获取HTML DOM元素的8种方法

weixin_39996096的博客

12-20

1765

什么是HTML DOM文档对象模型(Document Object Model)，是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。这篇文章不做深入研究，只把各种用法和坑做一个总结。JS获取DOM元素的方法(8种)通过ID获取(getEleme...

微信获得点击元素的内容_微信小程序中利用DOM获取页面元素的信息

weixin_39838302的博客

12-21

1175

在js中，我们常常用到类似 $("#id") 这样的代码获得一个页面元素对象但是在微信小程序中是不支持的，那么我们难免有时候会需要这样一个方法去拿到想要的对象，如下：//首先给你的元素对象一个id：//然后在js里，用一个SelectorQuery来选择对应id的节点(注意id前面要加一个#号)，就可以获取对应节点的属性，包括高度。//创建节点选择器varquery=wx.cre...

软件著作权申请教程（超详细）（2024新版）软著申请

m0_75269526的博客

09-09

2809

软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。

js中【Worker】相关知识点详细解读