js方法的竟然可以通过传某html元素的id而代表该元素

最新推荐文章于 2021-09-02 10:51:50 发布
最新推荐文章于 2021-09-02 10:51:50 发布
阅读量1.3k 收藏 2
点赞数 1
分类专栏： 前端 文章标签： js传参
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sun_of_Rainy/article/details/86715566
版权

看到同事写的代码有点疑惑，贴图

html页面

js方法

然后我在网上找js是否有这种用法，找了半天没找到，然后我问了一个高级开发同事，他说那个是写错了，让我把title和obj当id用，把下面的所有.id去掉，我去掉之后，debugger了一下，发现传过来的值竟然真的是元素，贴图

然后觉得自己好像发现了新大陆似的给高级开发说，他工作9年多了，他说这个写法容易误导人，好像就是哈，不过还是很开心，哈哈，说不定以后能用到呢，大神认知也会有盲区，对吧！

最后和当初写代码的同时沟通了下，她本意是传id，但不会写，误打误撞传了个元素，然后也能通过元素拿到id值，她就这么写了。

既然这样，那我就改改html传参的形式，达到最初的本意

效果:

好啦，大功告成！

Sunlalalla
关注
专栏目录
JS的方法参数传递（按值传递）
weixin_34015336的博客
02-12 8377
出处：JavaScript高级程序设计（第三版）第四章——变量、作用域和内存问题 一句话总结 JS的方法参数是按值传递的 前提 ES变量分为两种数据类型的值：基本类型和引用类型 基本类型存储 基本类型的值在申请内存时是固定大小，所以保存在栈内存，故在复制基本类型变量时也是在栈内存中新开辟一份内存空间进行存储 引用类型存储 而引用类型变量的值大小不固定，且可任意改动，引用类型变量的本质是指向某一块内...
html 元素id代表此元素!
weixin_42193179的博客
01-18 302
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>cs</title> </head> <body> <p id=&
原生JS可以直接使用ID名称来获取元素
jarisMA的博客
03-16 2891
原生JS可以直接使用ID名称来获取元素 eg: html <form> <select name="choice" size="1" id="obj"> <option value="a">1</option> <op
HTML-元素的id属性
菜狗的学习记录
07-20 547
HTML文档是一棵树（DOM树），树上有很多节点，每个节点一般都会有id属性，id属性具有唯一性，在同一个文档中不能重复，id是该节点的唯一标识。 后期所学的javascript语言可以对DOM树上的节点进行增删改，达到动态效果。javascript主要通过节点的id来获取该元素。 ...
html元素－ID属性的思考
xueqifz的专栏
09-02 431
元素的ID要求唯一，若实际不唯一会怎样？ 实测发现IE不把重复的ID当作错误，自动取第一个元素，忽略后续的元素。 function getValue() { var x=document.getElementById("myHeader") alert(x.innerHTML) } 这是标题2 这是标题1 点击标题，会提示出它的值。 如上代码，点
javascript通过元素id和name直接取得元素的方法
10-24
JavaScript中获取页面元素的主要方式是通过id和name属性，这是因为HTML元素通常通过这两种属性来唯一或者批量识别。在JavaScript中，使用这两种属性来获取元素具有各自的特点和适用场景。 首先，我们来探讨通过id...
JS添加或删除HTML dom元素的方法实例分析
10-17
创建元素之后，可以通过`appendChild()`或`insertBefore()`方法将其添加到DOM树中。 ### 向现有元素追加新元素 一旦新元素被创建，下一步通常是要将其插入到DOM树中。最常用的方法是`appendChild()`，它将节点添加...
JavaScript中获取HTML元素值的三种方法
10-22
在JavaScript中，获取HTML元素值是网页动态交互的基础，它允许开发者从用户输入或页面上其他元素中收集信息。本文将详细介绍三种常用的方法：getElementById()、getElementsByName() 和 getElementsByTagName()，并...
javascript删除一个html元素节点的方法
10-25
在JavaScript中，删除HTML元素节点是一项常见的操作，特别是在动态构建页面或者进行DOM操作时。本文将详细介绍如何使用原生JavaScript来删除一个特定的HTML元素节点。 首先，我们需要了解DOM（Document Object ...
html中的表达元素
idsina的博客
04-24 342
html中的表达元素 1，在html中元素指的就是html标签，那么表单元素指的就是表单标签；表单指的是用户可以在网页上输入信息的组件 如：文本框 下拉框 文本域。 2，表单元素使用<form>标签，在from表单中每个组件使用<input>标签来实现，在该标签中使用type属性来设置每个组件的类型。 3，表达元素：文本框文本域密码框单选按钮复选按钮下拉列表提交...
前端js中渲染html，点击事件传参为ID时，注意事项
lyf18779011168的博客
09-02 789
前端js中渲染html案例： let declareListHtml; for (let i = 0; i < declareInfo.length; i++) { let declareId = declareInfo[i].id+"" declareListHtml += "<tr>" declareListHtml += ".
JS 传参为id时的用法
光羽住一
04-11 8568
js函数传参是重要的方法。有一种情况比较特殊，当传递的参数是id时该怎么去具体的使用呢？没有传参的时候我们的函数一般都是这样&lt;script&gt; function myfunction(){ var x=100; document.getElementById("id1").innerHTML=x; } &lt;/script&gt;用法很简单，只要在需要的地方写上id="id1"就好...
js给页面给某个id赋值_js 给元素id赋值
weixin_34636056的博客
01-17 7796
楼主，你好，针对你的问题，想要实现其实也十分简单，我用你的问题截图，举一个简单的例子，里面有详细的注释，你先看，如果不懂的可以问我。下面这个是个简单的实现，还可以扩展功能，使他们适用于更多的地方。在下面的例子中，我在对应的ul和span上面都加了一个id属性，为的是能够更快的找到对应的元素。当然，根据文档的结构，也可以不设置元素id，但是需要通过结果查找出来，相对来讲，设置了属性的元素更容易理解一...
js使用this获取a标签id值
u014467070的博客
09-14 1万+
转载自：http://www.sufeinet.com/thread-2222-1-1.html 苏飞论坛问个基本问题！ 这个 this.id 在js里面取不到数据 这样写应该没有问题啊 function search(strObj, strID) { var idname = '#' + strID; if ($(idname).tex
js中如何获取指定id某一个属性的值，并设置属性的值方法详解
热门推荐
徊忆羽菲
03-09 1万+
js中获取指定id某一个属性的值，并设置属性的值方法详解改变Radio disabled 属性的值js改变指定id的innerHTM内容 改变Radio disabled 属性的值 disabled为true，表示不可用，为false，为可用 disabled 属性可设置或返回是否禁用单选按钮。 被禁用的元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选...
html传当前id,如何引用visualforce中指定的html元素id并传递给javascript函数？
weixin_36033516的博客
06-23 193
我有一个生成输入文本字段的顶点标记.当有人点击此字段时,我想执行javascript.但是当我检查HTML源代码时,这个成为输入标签的顶点标签有(我认为)动态生成的部分.name="j_id0:j_id3:j_id4:c_txt" id="j_id0:j_id3:j_id4:c_txt">正如你可以看到id有垃圾部分:(id="j_id0:j_id3:j_id4:c_txt"在我的Javas...
前端生成一个随机的id，解决前端新增和删除问题
CuiCui_web的博客
05-14 2465
generateId() { const s = []; const hexDigits = '0123456789abcdef'; for (let i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); } // bits 12-15 of the...
JavaScript动态操作HTML元素：添加与删除实例
同样，删除HTML元素的操作可以使用`removeChild`方法，通常会先通过某种方式（比如点击事件）选中要删除的元素，然后调用此方法将其从父元素的子节点列表中移除。 JS动态添加删除HTML元素的核心在于理解DOM的概念，...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值