JavaScript封装——封装获取元素的函数

最新推荐文章于 2022-03-01 18:05:20 发布
最新推荐文章于 2022-03-01 18:05:20 发布
阅读量962 收藏 2
点赞数
分类专栏： my js 文章标签： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wing_annuan/article/details/103265998
版权

封装获取元素的函数

函数的实参形式
1、#id 通过id名获取元素
2、.class名 通过class名获取元素
3、ele 通过标签名获取元素

<script>

      function getEle(ele) {
   
        //substr（参数1，参数2）
        //参数1表示开始的索引
        //参数2表示截取个数，如果没有参数2表示从开始位置截取到最后
        var str1 = ele.substr(0,
最低0.47元/天 解锁文章
君绾
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[DOM]获取元素：根据ID、标签名、HTML5新增的方法、特殊元素获取
「 虚幻私塾」
09-11 2349
目录*+++
DOM获取元素的方法
最新发布
2201_75397635的博客
04-23 2144
document.getElementsByName()方法，是通过name属性来获取元素，一般用于获取表单元素。querySelector()方法用于返回指定选择器的第一个元素对象。querySelectorAll()方法返回指定选择器的所有元素对象集合。document.getElementById('id')方法，是由document对象提供的用于查找元素的方法。返回的集合是一个类数组对象，它可以像数组一样用索引来访问元素，但不能使用push()等方法。(1)该方法返回的是拥有指定id的元素；
关于js获取id的函数封装
luckybuling
07-16 2621
函数（function）指的是有事件驱动或者当他被调用的可重复执行的代码块儿 平时在写原生js时都要获取对象id等，但是大部分我们要获取的对象很多，这样一个一个的获取对象id就显得十分笨拙，在实践项目里也是十分浪费时间和精力的，所以函数封装就显得十分重要了 一般我们获取对象都是： var obj01 = document.getElementById("obj01"); v...
JavaScript(Bom编程）
weixin_65474399的博客
03-01 2838
昨天给大家分享了JS的进阶，今天来继续给大家分享JS的BOM编程。 目录 一，常用的编程元素 二，获取元素的方法 1.通过id获取元素 2.通过标签名获取元素 3.通过class属性获取元素 4.通过name属性获取元素 三，元素中的常用事件 1.点击事件 2.焦点事件 3.鼠标移动事件 一，常用的编程元素 style:标签中的style属性(用于设置样式) h1-h6:标题标签，从大到小排列 b:加粗标签 br:跨行标签 hr:分割线biaoq font:字体标签.
通过ID获取元素getElementById
aomichen2432的博客
08-11 300
语法: document.getElementById(“id”) 结果:null或[object HTMLParagraphElement]. 除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。 不过，最有效的方法是 getElementById()。 实例： ...
JS封装通过className获取元素的函数示例
10-20
主要介绍了JS封装通过className获取元素的函数,涉及javascript针对页面元素属性的遍历与数组相关操作技巧,需要的朋友可以参考下
自己封装的常用javascript函数分享
10-24
里给大家推荐一个自己封装的常用的javascript函数，基本上常见的操作都包含在内了，有需要的小伙伴直接拿走使用吧。
Javascript中的匿名函数与封装介绍
10-24
主要介绍了Javascript中的匿名函数与封装介绍,本文分析了jQuery 封装、Backbone 封装、Underscore 封装等内容,需要的朋友可以参考下
原生Javascript封装的一个AJAX函数分享
10-25
主要介绍了原生Javascript封装的一个AJAX函数分享,本文是实际项目中提取出来的,简单易用,需要的朋友可以参考下
JavaScript中cookie工具函数封装的示例代码
10-21
给大家主要介绍了JavaScript中cookie工具函数的封装，文中给出了详细的实现步骤和示例代码，相信会对大家的理解很有帮助，有需要的朋友们下面来一起看看吧。
JS简单实现获取元素的封装操作示例
12-10
本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考，具体如下： JS封装获取元素 js的获取元素： ID：document.getElementById(); class:document.getElementsByName()[]; Tag:document.getElementsByTagName()[] 现在我们要简单的封装这个 1. 函数写法： function $(id){ return document.getElementById(); } 其他类同 使用方法： $(id) /$(tagname)[0] 2. 对象写法： var Base={ ge
JS封装通过className获取元素的函数
NINE-NINE的博客
04-28 1651
JS封装通过className获取元素的函数
获取节点元素的方法（封装）
qq_42309685的博客
07-24 338
获取节点元素（封装） 效果如下图： css部分 div { width: 100px; height: 100px; margin: 5px; background-color: pink; cursor: pointer; } body部分 <div></div> <div class="box"></div> <d...
JavaScript DOM操作案例点击按钮显示大图以及封装通过id获取元素的函数
weixin_30556161的博客
07-19 161
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <input type="b...
通过ID获取元素 注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。...
weixin_30892987的博客
06-11 222
通过ID获取元素 学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。 语法: document.getElementById(“id”) 看看下面代码: 结果:null或[obje...
2020-09-27
m0_49986452的博客
09-27 194
### 代码 e.target 触发事件的节点 .mouseenter 事件类型:鼠标悬浮上时(hover) .click 事件类型:点击 .addEventListener(事件类型,事件处理函数,Boolean) 例 arEle.addEventListener("click", function () {},
通过ID获取元素
dgf5765的博客
01-20 249
网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。 语法: document.getElementById(“id”) 注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。例如： 运行结果为： 理解：输出为null,是因为代码是...
原生js封装元素运动函数
翾的博客
12-22 1126
首先看看演示效果 代码, 函数参数obj为当前想要变动的元素, changeData为想要变动的种类, 例如, func为元素动作结束后想要处理的函数例如向上面那个演示, 注意: opacity要乘以100, 原因见如下代码var div = document.getElementsByClassName('demo')[0]; startMove(div, {width:200 ,
JavaScript实用工具方法封装实例与类型判断函数
"本文档主要介绍了JavaScript中常用工具方法的封装，作者在日常工作中频繁使用这些功能，因此将其整理出来，以便于他人学习和参考。文章详细列举了以下几种类型判断的方法： 1. type类型判断： - `isString(o)`：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值