js dom元素查找方法的总结

最新推荐文章于 2023-01-09 15:03:19 发布
最新推荐文章于 2023-01-09 15:03:19 发布
阅读量209 收藏 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的鄙视一下！
iteye_9657
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS（DOM 查找）
qq_36519236的博客
07-03 1670
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查询...
JS选取DOM元素的简单方法
11-23
摘自JavaScript权威指南（jQuery根据样式选择器查找元素的终极方式是 先用getElementsByTagName(*)获取所有DOM元素，然后根据样式选择器对所有DOM元素进行筛选） 今天试了下各种选取元素的方法的速度，用原生的方法...
JS DOM简介及如何查找元素
RenOuQ的博客
08-05 312
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 289
JavaScript操作DOM查找元素。
JS操作DOM节点查找
沉默的小猴子的博客
11-09 2068
JS中常用的DOM操作事件，包括有节点查找，键盘鼠标事件等等，本文内容介绍DOM的节点查找。 <script> window.onload = function(){ //children 与 childNodes console.log( document.body.children ); //包含7个节点的数组 console.log( document.bod...
JavaScript HTML DOM_element(查找和访问html元素)
qq_30906791的博客
10-21 404
查找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
JavaScript DOM节点操作方法总结
11-25
具体的查找方法如下： getElementByID() // 得到单个节点 getElementsByTagName() // 得到节点数组 NodeList getElementsByName() // 得到节点数组 NodeList 同时还可以利用元素节点的属性获取它的父子节点和文本...
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
10-20
主要介绍了JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法,涉及javascript dom模型及事件响应相关操作技巧,需要的朋友可以参考下
原生JS查找元素的方法(推荐)
11-26
今天写了一个很简单、很粗暴的通过JS根据类来查找DOM元素。 为了降低它的粗暴等级（耗费性能）我给了三个等级。 首先性能最好的，适合FF,CH,IE8,通过querySelectorAll这个API。 其次是指定ID 最后只能全页面进行匹配...
JavaScript HTML DOM元素 节点操作汇总
12-29
在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ： 1. nodeName : 节点的名称 2. nodeValue ：节点的值 3. nodeType ：节点的类型 节点类型：元素 1 ，属性 2 ，文本 3 ，注释 8，文档 9...
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
10-22
主要介绍了JavaScript实现获取某个元素相邻兄弟节点的prev与next方法,涉及JavaScript基于函数的判定及调用previousSibling与nextSibling的相关技巧,需要的朋友可以参考下
JavaScript之dom操作
qq_44417818的博客
01-17 479
有一天，我正在写代码。老弟突然发来一条消息 “超，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 278
操纵DOM，最方便的还是Jquery，但是如果不使用库，JS的原生方法也很强大。1、主流操作方法1）querySelectorvar link = document.querySelector('a');//寻找到第一个a2）querySelectorAllDocument.querySelectorAll()//查找到所有的a  //把它们的引用存储在一个array3）之后，就可以对一些具...
【元素的查找】js和jquery方法查找dom元素
lihuapiao的专栏
12-17 5323
一.dom方法查找元素       1.常规方法的
JS-获取DOM元素的五种方法
热门推荐
weixin_43937466的博客
09-04 1万+
根据id名获取元素：getElementById;根据标签名获取元素：getElementsByTagName，返回一个数组；根据类名获取元素：getElementsByClassName，返回一个数组；根据name属性值获取元素：getElementsByName，返回一个数组；根据选择器获取元素：querySelector：获取一个元素，推荐使用 用法类似写css；querySelectorAll：返回一个元素数组。more。
javascript查找DOM元素的方法总结
ClassicSong的博客
05-06 4394
使用javascript中DOM元素的查找方法时，浏览器支持情况和返回值会记混，今天梳理一下，加深记忆。一共如下4条。 1：document.getElementById(id)：返回指定ID的元素。只有一个对象。   说明：如果没有指定ID的元素返回null;        如果存在多个指定ID的元素则返回undefined;    浏览器支持情况：所有浏览器
JS中find方法
lay7889的博客
08-08 1万+
JS中find方法 一般用于数据字典回显和数据查找
JS DOM编程复习笔记--查找元素（二）
小帅的编程笔记
10-18 336
今天我们来复习所有在页面中查找元素的DOM方法。 目录 getElementById() – 通过ID查找元素 getElementsByName() – 通过标签上的name属性来查找元素 getElementsByTagName() – 通过标签名称查找元素 getElementsByClassName() – 通过元素的class查找元素 querySelector() – 通过CSS选择器查找元素 querySelectorAll() - 同上 getElementById() 这应该是最常用的
js操作element对象（标签）
weixin_33973609的博客
03-14 775
2019独角兽企业重金招聘Python工程师标准>>> ...
获取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、付费专栏及课程。

余额充值