首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JS实现动态获取当前点击事件的id属性

这段时间一直在写java期末项目作业,然后自己打算把影视站java实现出来,前端ajax调用进行填充,然后一直困惑我的问题在此时此刻终于解决,本来是前端做的事,像我这个前端菜B来说,这个问题真是难了我一下午加一个晚上...整个页面是通过ajax请求最新的4部视频进行填充完成,视频列表又是通过template-web.js插件补上去的,所以导致所有ID值都是一样的,一开始给按钮添加一个事件,结果是所有播放按钮都是播放第一个视频...于是,想了好多办法,又把ID属性给弄成动态的ajax请求的属性值,实现了每个id不一样,接下来,因为点击播放要调用一个方法,进行解析视频播放,拼接成API+视频链接的格式在新打开的弹窗进行展示。...对象的id属性可以获取元素的id值。...的layui <button id="{{dId}}" type="button" onclick="play(this)" value="{{dUrl}}" class="layui-btn-sm

25.6K20

JS设置标签的内容和样式

掌握JS操作符的目的是为了能够灵活的操作变量,以便完成JS的各种逻辑处理;掌握数据类型转换可以让我们避免一些不该发生的问题,能够让我们更好的完成JS的各种功能。...例如:var a = 10; a += 5;是 a = a + 5;的简写,其意思是把变量a加上5得出的结果再重新赋值给a,其它操作符同理。...代码分析: 将getElementById()方法拆开来理解,get意思是获取,element是标签,by是通过,id标签id名,结合起来的意思是通过id名获取标签,另外JS的标识符命名推荐中,使用的是小驼峰命名法...注意:元素.style.属性中,“属性”只能接受把CSS属性(由一个以上单词组成,“-”中划线连接的CSS属性)转成小驼峰命名的形式,如:font-size——>fontSize; 例如:eleObj.style.fontSize...3 利用下方提供的结构代码(注意,提供的结构不能变化,但是可以JS添加),完成下方的最终效果; 结构代码: <!

20.3K90

JS简单页面交互实战 - 点击按钮实现求和功能

预编译期 — 开辟存储空间;例如var a;开辟了a的存储空间,但是未赋值(系统会把变量的值默认初始化为undefined); 执行期 — 存储值/赋值;例如给上面的变量a赋值,a = '堡堡'; Tips...代码第1行和第8行,因为var关键字声明了变量,所以JS预编译的时候会给变量开辟存储空间;预编译的时候只是给变量开辟存储空间并把变量默认赋值为undefined(系统会默认赋值undefined);...,还没有执行到给test变量赋值的语句,所以test变量的值还是undefined; ?.../div> 4 第三步:细化功能描述并转换为JS语言或命令 鼠标点击“按钮” 网页中存在着各种标签,需要利用document.getElementById...获取到两个文本框中输入的内容 网页中存在着各种标签,需要利用document.getElementById(id)方法获取“文本框”元素,才能针对“文本框”元素进行相应的操作; 前面我们学过了innerHTML

17.5K80

JS基础(上)

属性节点:元素属性,如标签的链接属性href="http://www.imooc.com"。...: 无非就是JS操作DOM对象而已 JS的引入方式 JS代码可在html中任意位置编写,但浏览器解析代码是从上到下的,需注意此时html是否已经解析该标签,能让JS能否获取该DOM对象,所以有时会把代码放到...如果直接赋值,不加var(如:a=10)就会一直往外找该变量,找到则赋值给它,否则默认赋给window.变量名 ?...找表标签对象 不会的方法到h3c查找HTML DOM 手册 方法名如果返回是集合则getElements ,如class,P等标签都不是唯一的所以s id唯一返回对象,P等不唯一返回集合 ?...根据id获取 ? 根据标签找对象 ? 对于表单元素,可以使用name寻找 ? 按照类名查找 ? 根据结点查找 ? 对象的操作 img对象 下还有多个属性 ?

4.1K140
领券