dom获取元素的6种方法

最新推荐文章于 2023-01-12 08:15:41 发布
最新推荐文章于 2023-01-12 08:15:41 发布
阅读量440 收藏
点赞数
文章标签： servlet java html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shixuerong/article/details/126043971
版权

 找单个元素

    document.getElementById("ID名"):返回ID对应的DOM元素

    document.querySelector(选择器):返回标签，类，id对应的单个dom元素

    找批量元素

    document.getElementsByTagName("标签名"):批量返回标签名对应的元素,存放在数组中

    document.getElementsByClassName("类名"):批量返回类名对应的元素,存放在数组中

    document.getElementsByName("name名"):批量返回name名对应的元素,存放在数组中

   

    document.querySelectorAll("选择器"):批量返回类，标签对应的元素，存放在数组中(不是特别推荐)

   

shixuerong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
获取HTML DOM节点元素的方法的总结
01-21
令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）： 1. 通过顶层document节点获取： （1） document.getElementById(elementId)：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。 如今，已经出现了如prototype、Mootools等多个JavaScript库，它们提供了更简便的方法：$(id)，参数仍然是节点的id。这个方法可以看作是document.getElementById()
JavaScript获取DOM元素的11种方法总结
10-24
主要介绍了JavaScript获取DOM元素的11种方法总结,本文用分4大类11个方法总结如何获取DOM元素,需要的朋友可以参考下
JS中获取DOM的方法
知识点沉淀包括不限于前端
11-19 1093
获取DOM的方法 document.getElementById(‘id名’) 在document上下文下获取元素(通过Id获取的元素是一个元素对象，获取不到就是null) context.getElementsByTagName(‘标签名’) 通过指定的上下文获取指定的标签，获取的是一个元素集合，如果没有获取到元素，那就是空元素集合 context.getElementsByCla...
DOM——获取元素方式
weixin_68160847的博客
01-12 967
（1）获取元素 （2）对元素进行操作（设置其属性或调用其方法） （3）动态创建元素 （4）事件（什么时机做相应的操作）
Dom 获取元素的几种方式
qq_66198247的博客
05-23 9753
一.Dom简介 文档对象模型(Document Object Model，简称DOM ）)，是W3C组织推荐的处理可扩展标记语言(HTML或者XML）的标准编程接口。 W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。 二.Dom树 文档：一个页面就是一个文档，Dom中用document表示 ； 元素：页面中的所有标签都是元素，Dom中使用element表示； 节点：网页中的所有内容都是一个节点（标签，属性，文本，注释等），Dom中使用node表示 Dom
获取HTML DOM节点元素的方法
技术交流
12-18 132
[color=darkblue][size=medium] 在Web应用程序特别是Web2.0程序开发中，经常要获取页面中某个元素，然后更新该元素的样式、内容等。如何获取要更新的元素，是首先要解决的问题。令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）：6uUBeautyCss.org - 前端教程网 ...
vue操作dom元素的3种方法示例
10-14
主要给大家介绍了关于vue操作dom元素的3种方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
详解JS获取HTML DOM元素的8种方法
12-07
什么是HTML DOM 文档对象模型（Document ...JS获取DOM元素的方法（8种） 通过ID获取（getElementById） 通过name属性（getElementsByName） 通过标签名（getElementsByTagName） 通过类名（getElementsByClass
在vue中获取dom元素内容的方法
08-30
本篇文章主要介绍了在vue中获取dom元素内容的方法，可以通过给标签加ref属性，这里整理了详细的代码,有兴趣的可以了解一下
DOM查找元素的方法总结
weixin_30274627的博客
03-26 133
按HTML查找：优点：范围可大可小，可设置条件；包括五种方式：1.按id查找；2.按标签名查找：var elems = parent.getElementsByTagName('');3.按name属性查找：要回传给服务器的元素需要name属性，专门找表单中有name属性的表单元素；---了解即可；4.按class属性查找；var elems = parent.getElementsByClass...
DOM元素的获取
weixin_43694639的博客
02-08 263
DOM是文档对象模型(Document Odject Model)的简称。 dom元素获取 1.dom元素获取方式1： getElementsByClassName获取出来的对象是集合类型也可以说是数组类型，class可以绑定多个元素。获取出来是集合类型 ,就有长度属性 length 代表长度. <body> <button class="btn">按钮1</but...
DOM--获取元素
JJ_Smilewang的博客
05-24 558
1. 什么是DOM 文档对象模型（Document Object Model，简称 DOM），是 W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。 W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。 2. 什么是DOM树 (1)DOM树：在内存中，集中保存一个网页中所有内容的树状图。 (2)为什么使用DOM树：能够直观的保存上下级包含关系的数据结构，html标签就是包含的关系，所以网页中每一项内容，在内存中，都是存在树形结构.
DOM操作获取元素的方法
lxqlmw的博客
04-05 349
获取元素的方法： ​ document.getElementById() : 通过id属性获取元素（有且只有一个） ​ document.getElementsByClassName() : [ ] classname（可以有多个类名） ​ document.getElementsByName() : [ ] name 属性 使用场景（表单） ​ document.getElementsByTagName() :[ ] 标签名 ​ document.querySlector(selector) :
DOM中获取元素的方法
Judian6974的博客
08-10 786
获取元素 （1）getElementById 根据元素的id属性来获取元素，获取到的是一个元素。 （2）getElementsByTagName 根据标签名来获取元素，结果是一个元素集合。 （3）getElementsByClassName 根据Class来获取元素，结果是一个元素集合。 （4）getElementsByName 根据Name来获取元素，结果是一个元素集合。 总结
获取DOM元素的方法
weixin_41675013的博客
04-01 99
//获取DOM元素的方法 document.getElementById 一个元素对象 [context].getElementsByTagName 元素集合 [context].getElementByClassName 元素集合 document.getElementsByName 节点集合 document.documentElement获取整个HTML对象 document.body 获取...
DOM获取元素的方法
LQlove1的博客
06-01 126
五个常用的DOM获取元素的方法
js笔记（七）
qq_60587956的博客
02-27 399
1.DOM 1.1 什么是DOM 文档对象模型，是W3C组织推荐的处理可扩展标记语言的标准编程接口 W3C已经定义一系列的DOM接口，通过这些DOM接口可以改变网页的内容，结构，样式。 文档：一个页面就是一个文档，DOM中使用doucument来表示 元素：页面中的所有标签都是元素，DOM中使用 element 表示 节点：网页中的所有内容都是节点（标签，属性，文本，注释等），DOM中使用node表示 DOM 把以上内容都看做是对象 2.获取元素 2.1 如何获取页面元素 DOM在我们实际
DOM获取元素
weixin_44740410的博客
03-27 119
根据id获取元素,返回一个元素对象 getElementById("id名") 根据标签名获取元素,返回一个伪数组,数组里存的是多个DOM元素对象 getElementsByTagName 下面的可能有些浏览器不支持 根据name属性获取元素,返回一个伪数组,数组里存的是多个DOM元素对象 getElementsByName("name属性值") 根据class类名获取元素,返回一个伪数组,数...
DOM如何获取元素
liulang68的博客
07-02 386
根据ID获取 使用getElementById()方法可以获取带有ID的元素对象 根据标签名获取 使用getElementsByTagName()方法获取元素的标签 通过HTML5新增的方法获取 使用getElementsByClassName()方法获取元素 使用document.querySelector()选择器返回任意元素的第一个元素的对象 使用querySelectorAll()返回指定选择器的所有元素对象集合 特殊元素获取 ...
获取dom元素的方法
最新发布
08-18
获取 DOM 元素的方法有多种，常用的包括以下几种： 1. 通过元素的 ID 获取： - `getElementById(id)`: 通过元素的 ID 属性获取指定的元素。 2. 通过元素的标签名获取一组元素： - `getElementsByTagName(tagName...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值