js dom元素查找方法的总结

最新推荐文章于 2024-06-04 02:03:09 发布
最新推荐文章于 2024-06-04 02:03:09 发布
阅读量232 收藏 1
点赞数
分类专栏： html&css&javascript 文章标签： IE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_9657/article/details/81898859
版权
js dom元素查找方法的总结
getElementById:这个最司空见惯的根据id定位对象的方式
getElementsByName:依据name（名称）获取一组对象的集合
getElementsByTagName:依据标签名来获得一组对象聚集
getElementsByClassName:实在不存在这个方式
nextSibling:获得下一个元素对象（大概兼容性存在点问题）
previousSibling:获取上一个元素对象（兼容性有点问题）
parentElement:获取当前元素的父对象
children:所有子元素对象的聚集
firstChild：第一个子节点
lastChild:最后一个子节点
parentNode:父节点
childNodes:所有子节点的聚集
这里须要注意的是：parentNode 、childNodes、firstChild、lastChild、nextSibling、previousSibling 这些节点的定位方式，在某些时候IE和FF返回的成果竟是迥然不同的，不得不在此表现对IE的鄙视一下！
JS（DOM 查找）
qq_36519236的博客
07-03 1897
JS1.基本的DOM查找方法1.1 document.getElementById(); [id查询]1.2 document.getElementsByTagName(); [name查询]1.3 试用 1.基本的DOM查找方法 注： 1.查询获取要查询的整个标签 2.document. 全文档查找。想定向查找看1.3 1.1 document.getElementById(); [id查询...
JavaScript DOM 元素查找
m0_70646989的博客
05-10 912
- 父节点（parent node） - 子节点（child node） - 兄弟节点（sibling） 节点树的节点彼此拥有层级关系，Node类型使用如下属性关联节点树上的内阁节点对象： HTML DOM Tree hello 标题一 查看全部 JavaScript // 按节点关系查找 // parentNode 父节点 // childNodes 父节点集合 // firstNode 第一个子节点 // lastNode 最后一个子节点 // previousSibling 前
JS DOM简介及如何查找元素
RenOuQ的博客
08-05 336
HTML DOM（文档对象模型） 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model） 什么是 DOM？ DOM 是一项 W3C (World Wide Web Consortium) 标准。 DOM 定义了访问文档的标准： “W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问、更新文档的内容、结构和样式。” W3C DOM ...
JavaScript操作DOM查找元素
The limits of your knowledge are the limits of your world
01-09 328
JavaScript操作DOM查找元素。
JS操作DOM节点查找
沉默的小猴子的博客
11-09 2101
JS中常用的DOM操作事件，包括有节点查找，键盘鼠标事件等等，本文内容介绍DOM的节点查找。 <script> window.onload = function(){ //children 与 childNodes console.log( document.body.children ); //包含7个节点的数组 console.log( document.bod...
JS选取DOM元素的简单方法
11-23
在JavaScript中，选取DOM元素是Web开发中的基本操作，它涉及到如何高效地定位页面上的特定元素。本文将详细探讨几种常见的DOM元素选取方法，包括通过ID、名称、标签名、CSS类以及CSS选择器。 1. 通过ID选取元素...
javascript查找DOM元素的方法总结
ClassicSong的博客
05-06 4460
使用javascript中DOM元素的查找方法时，浏览器支持情况和返回值会记混，今天梳理一下，加深记忆。一共如下4条。 1：document.getElementById(id)：返回指定ID的元素。只有一个对象。   说明：如果没有指定ID的元素返回null;        如果存在多个指定ID的元素则返回undefined;    浏览器支持情况：所有浏览器
JavaScript获取DOM元素的11种方法总结
10-24
本文总结了11种常见的JavaScript获取DOM元素的方法，并将它们分为四大类。这些方法可以帮助开发者高效准确地选取DOM元素。 首先，我们可以根据顶层document节点来获取元素。这类方法通常用于直接根据元素的某些属性...
DOM查找元素的方法总结
最新发布
Irene1991的博客
06-04 324
最近在用原生js写代码，用习惯了各种框架和语法糖，发现原生的js都忘的差不多了，有些方法还和 jQuery 的方法混淆了，总结一下，慢慢复习吧，常学常新，也注意到了之前忽略的知识。
JavaScript HTML DOM_element(查找和访问html元素)
qq_30906791的博客
10-21 481
查找HTML元素 通常，使用JavaScript，您需要操作HTML元素。 通过ID查找HTML元素 通过标签名称查找HTML元素 通过类名称查找HTML元素 通过CSS选择器查找HTML元素 通过HTML对象集合查找HTML元素 ID 在DOM中找到HTML元素的最简单方法是使用元素ID。 如果找到该元素，则该方法将把该元素作为对象返回。 如果找不到该元素，则myElement将包含null。 <p id="intro">Hello World!</p> <p id
jQuery中的find（）和原生JS中的find（）方法的区别
2301_76858876的博客
04-28 708
find（）
JavaScript之dom操作
qq_44417818的博客
01-17 528
有一天，我正在写代码。老弟突然发来一条消息 “超，js怎么获取元素” “document.querySelector()” “怎么用” … 1.获取dom元素 <div class="findme" id="findme"></div> //获取findme这个dom document.querySelector('.findme') document.getElementById('findme') document.getElementsByClassName('findm
js的 DOM 操作
马木木的个人博客
05-16 321
操纵DOM，最方便的还是Jquery，但是如果不使用库，JS的原生方法也很强大。1、主流操作方法1）querySelectorvar link = document.querySelector('a');//寻找到第一个a2）querySelectorAllDocument.querySelectorAll()//查找到所有的a  //把它们的引用存储在一个array3）之后，就可以对一些具...
【JAVAScript】dom获取元素的方式及实例
weixin_51612770的博客
05-12 3534
JAVAScript (dom易忘点：获取元素节点) 今天主要介绍两种获取元素的方式：document.方法（）和利用节点层级关系获取元素 需要注意的是：选取合适的获取方式，并考虑浏览器的兼容性（部分获取的方式IE9以下是无法使用的） 什么是DOM? 文档对象模型 (DOM) 是HTML的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页
JS——DOM小结（一）查找元素
淡泊明志，宁静致远
05-18 1586
基础知识： HTML中元素的定义：一个或一对标签定义的范围，如下为一个完整的元素。  属性节点”>测试Div 这样的一个元素中的节点可以分为三类 其中的title是元素节点的属性，还包括id、class、style。这几个属性值都可以通过DOM或设置。 DOM：Document Object Model 是针对HTML和XML的。通过 DOM，可以增、删、改、查所有的 HTM
DOM基本知识及DOM查询
weixin_44522602的博客
03-06 1996
参考：b站尚硅谷课程
js操作element对象（标签）
weixin_33973609的博客
03-14 796
2019独角兽企业重金招聘Python工程师标准>>> ...
JS DOM编程复习笔记--查找元素（二）
小帅的编程笔记
10-18 385
今天我们来复习所有在页面中查找元素的DOM方法。 目录 getElementById() – 通过ID查找元素 getElementsByName() – 通过标签上的name属性来查找元素 getElementsByTagName() – 通过标签名称查找元素 getElementsByClassName() – 通过元素的class查找元素 querySelector() – 通过CSS选择器查找元素 querySelectorAll() - 同上 getElementById() 这应该是最常用的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值