原生js选择器

最新推荐文章于 2024-05-24 00:34:26 发布
最新推荐文章于 2024-05-24 00:34:26 发布
阅读量936 收藏
点赞数
分类专栏： web js 文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxhmm921/article/details/116448084
版权
web 同时被 2 个专栏收录
92 篇文章 0 订阅
订阅专栏
js
57 篇文章 0 订阅
订阅专栏 
//获取第一个dom
let cell=document.getElementsByClassName('current-cell')[0];
//获取第一个子元素
let child= cell.firstChild
let child= cell.children[0]
//获取子元素的子元素的节点名称
let child= cell.firstChild.firstChild.nodeName; //SPAN

注:firstChild 获取的子元素包括换行和空格，
firstElementChild 不包括换行和空格，但是ie678的兼容性
children[0] 只检测元素节点

js的选择器
qac的博客
12-23 3233
参考自：参考 一、原生JS选择器 JS选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll() getElementById(ID): 返回对指定ID的第一个对象的引用，如果在文档中查找一个特定的元素，最有效的方法是getElementById() getElementsByName(name): 返回文档中na
js原生后代选择器_原生 JS 汇总
weixin_39825045的博客
12-19 1645
JS选取DOM元素的方法 注意：原生JS选取DOM元素比使用jQuery类库选取要快很多1、通过ID选取元素 document.getElementById('myid');2、通过CLASS选取元素 document.getElementsByClassName('myclass')[0];3、通过标签选取元素 document.getElementsByTagName('mydiv')[0];...
原生js选择器或者选择元素或者选择方式
qq_42331499的博客
09-24 2337
第一种，已有元素，且元素id为01 var aa = document.getElementById("01"); 第二种，已有元素 var number01 = 3; var aa = document.getElementById(number01); 第三种，选择所有某一标签的所有元素，比如div var aa_array = document.querySelectorAll("div"); 第四种，选择带有某一类的所有元素元素比如类名为monster var aa_array =
原生JS-常用选择器详解
最新发布
michaelli918的博客
05-24 1988
总之，常见的原生JS选择器一般由上面几种方式，在当前不考虑IE的情况下（IE已停更），所有选择器都可以使用。getElementsByName方法返回的是一个NodeList集合，兼容性：IE10以下只能获取表单中带name的属性，IE10以上和chrome和FF高版本都可以兼容。原生JavaScript提供了一些选择器，用于选择和操作HTML元素，下面展示下常见选择器方法和之间的区别。6）querySelectorAll, 通过CSS选择器来选择元素, 返回所有匹配选择器的元素的集合。
原生js深入理解系列（一）--- 对js原生选择器的认识
埃尔斯的博客
11-20 291
开发十年，就只剩下这套架构体系了！ >>> ...
原生 JS 封装选择器：类似Jquery写法：
weixin_44570557的博客
02-18 737
**类似JQuery写法：** 1、 id 选择器：(注意：不用写 ‘#’ 和 “.” 号) function (id)returndocument.getElementById(id)使用(id) { return document.getElementById(id) } 使用(id)returndocument.getElementById(id)使用(“id”).onc...
JS日期时间选择器，js原生，任何地方可用
05-21
本文将深入探讨如何使用JavaScript原生代码创建一个可复用的日期时间选择器，并结合给定的文件名来理解其组成部分。 首先，"dol-datepicker.js" 文件很可能是这个日期时间选择器的主要实现部分，它包含了JavaScript...
原生js月份/年月选择器
08-25
织织网应实际使用开发的一个js年月选择器，采用原生js开发，兼容IE、FF（Firefox）、谷歌（Chrome），其他杂牌浏览器都是基于这三种内核的，就不一一测试了。 插件非常的简单，完全开源，可以做二次开发。 因为很...
原生的js选择器
MY的博客
09-25 2312
document.getElementById document.getElementsByName document.getElementsByTagNamedocument.getElementsByClassName //html5的类选择器，不兼容IE8 document.querySelector //兼容IE8
原生js日历日期控件带时分秒日期选择器
06-01
- **DOM操作**：在JavaScript中，我们首先需要通过Document Object Model（DOM）来操纵HTML元素，创建或修改日期选择器的显示部分。 - **事件监听**：添加事件监听器以响应用户的交互，如点击按钮切换日历、选择...
js原生选择器的兼容性
web_xyk的专栏
10-24 713
个人对一些常用的js原生选择器做了兼容性测试（主要针对ie5以上），而对于 更新到41.0.2版本的FF 、45.0.2版本的Google来说基本上不用考虑以下所述内容的兼容性。总结如下：1. document.getElementById("")无兼容性问题,在当下浏览器环境中可以放心使用。2.getElementsByTagName("")无兼容性问题,在当下浏览器环境中可以放心使用。3.do...
html5支持原生js,js原生后代选择器_HTML5的JavaScript选择器介绍
weixin_31755877的博客
05-31 205
在HTML5出现之前使用JavaScript查找DOM元素，有以下三种原生的方法：getElementById：根据指定元素的id属性返回元素getElementsByName：返回所有指定name属性的元素getElementsByTagName：返回所有指定标签的元素HTML5新增的选择器，方法有两种：querySelector：根据选择器规则返回第一个符合要求的元素querySelector...
原生dom选择器
德莱问的博客
11-23 2025
getElement系列getElementByIdvar obj = document.getElementById("eId");这是最简单不过的方法，参数id是必传的字符串，返回的是一个Object；这个方法的作用就是查找id属性值等于参数eId的第一个对象的引用，如果没有找到，就返回null；当然，不考虑IE7的情况（IE7下会出现id和name混淆的问题，详情可以看下IE中的id与name
javascript原生选择器的一些基本方法
相信一切皆有可能
03-27 1030
在这里仅仅只是个人最近对javascript学习过程当中的一段记录，如有不正确的位置敬请指导： 首先对一些简单的选择方法进行封装 一。首先是一个简单的html文件没有任何的样式添加 原生js选择元素 pm am HelloWorld Hello World HelloWorldGoodDay 1111111111111111111111
前端 -＞ js原生选择器,jQuery选择器 基本选择器(ID选择器,元素选择器,类名选择器,复合选择器,通配符选择器)
rod0320的博客
11-29 1万+
文章目录jQuery基本选择器js选择器(原生选择器) jQuery基本选择器 1. ID选择器 ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素，并以iQuery包装集的形式返回给对象。 使用公式:$("#id") 示例：$("#box") //获取id属性值为box的元素 <input id='box'/> 2. 元素选择器 元素选择器是根据元
js中的原生元素选择器
半颗盐的博客
05-31 478
当我们想要选择dom中的元素时，第一个想到的就是document.getElementById()和document.getElementsByTagName()，还有针对表单的document.getElementsByName(); 在h5中我们又有了类选择器：getElementsByClassName(),但这个方法不兼容IE8及以下,我么在使用时还是需要写一个兼容的函数，因为现在还是很多...
原生js input表单城市选择器代码
06-21
这里我们利用原生JS实现城市数据的管理，包括加载、搜索和显示。城市数据通常以JSON格式存储，包含省、市、区的信息。我们可以创建一个对象或者数组来保存这些数据，并提供一个函数用于按拼音或关键词进行搜索。搜索...
使用原生JavaScript实现jQuery的css选择器
给我一颗橙子
09-24 3371
使用原生JS实现jQuery的css选择器，考虑以下几个问题： 1.jQuery用$符号传参的形式获取节点的对象：1)传参有可能是字符串；2）有可能是一个节点对象；3）有可能直接是一个函数，就是$(function(){}),这个形式。所以需要分三种情况 2.字符串又分以下几种情况：1）包含层层递进的css选择器，例如$('#a .b p')，中间会出现空格；2）只有一个字符串 3.不管是层
原生js之道——原生js编写类选择器
热门推荐
fareise的博客
04-19 1万+
一、类选择器的概念 类选择器，就是通过class属性获取节点。比如一个html结构中，有三个p标签都具有class=”red”的属性，那么类选择器返回的就是这三个p标签。 在jquery中，我们可以很方便的通过$(“.red”)这种方式按照类获取节点。但是在原生的javascript中，有getElementById(按照id属性获取元素)、getElementsByTagName(按照标签名
利用原生js提升jquery选择器的性能
github_34116814的博客
03-01 382
实例代码: js $(function(){ console.time("jquery"); var $div = $("#div"); console.timeEnd("jquery"); var $div2 = $("#div"); console.time("getElementById"); var $div1 = $(
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值