js中this.index使用

最新推荐文章于 2024-05-20 21:15:00 发布
最新推荐文章于 2024-05-20 21:15:00 发布
阅读量1.3w 收藏 14
点赞数 4
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kuangruike/article/details/50848585
版权


上面圈出的那句没有执行，因为this.index 是undefined，（也不能直接使用i取代this.index，原因是i不是变化的值，使用alert打印输出的i值始终为3）

解决方式：在for语句执行时给当前lis[i]设置index值；




另一种写法是： 其中将i作为函数参数传入，此时的i是变化的；



Carina_best
关注
  • 4
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
JavaScript的this和自定义（属性，索引，标识）用法
weixin_58139900的博客
11-04 1092
自定义属性 元素的本质就是对象（元素这个对象是浏览器内置的帮我们去定义好的,包含了很多属性和值都是天生自带的，我们也可以自己去给元素定义属性和值 只要是对象就符合对象的操作（给值就是设置，不给值就是获取） div.id = "box"; // div.className = "myBox"; div["className"] = "myBox"; // 获取 console.log(div.id); console.
js中自定义属性index，this，按钮颜色如何跟着走和设置图片思路
weixin_45754070的博客
11-17 593
this： 指的是调用 当前 方法（函数）的那个对象 function fn1(){ alert( this ) 会弹出 object window } fn1(); this => window <div οnclick=" this fn1(); "></div> fn1(); 里的 this 指的是 window ...
JavaScript String indexOf() 方法
qq_62571013的博客
05-05 467
JavaScript String indexOf() 方法
js中index()的四种经典用法111
weixin_30628077的博客
06-22 1012
<!doctypehtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="Generator"content="EditPlus®"> <metaname="Author"content=""&...
this.Index = this._count - 1
weixin_34191845的博客
03-12 158
首先需要一个容器，设置它的overflow为hidden，position为relative； 容器里面还要一个滑动对象，设置它的position为absolute； 在initialize()函数里初始化一些属性。 在切换之前先执行Start()函数，进行相关设置， 主要是设置Index属性(索引)和_target属性(目标值)： 文章来自 codego.net 请看源代...
jquery的$(this).index 利用js如何仿写？？
dongshangwen520的博客
04-30 802
该文章主要在你不能使用jquery的情况下使用原生的js去编写事件处理的方法！可靠，亲测可用
node.js中的http.get方法使用说明
10-25
http.get('http://www.google.com/index.html', (res) => { console.log(`Got response: ${res.statusCode}`); }) .on('error', (e) => { console.error(`Got error: ${e.message}`); }); ``` 在这个例子中，如果...
this.$toast() 了解一下？
10-17
在Vue.js框架中，`this.$toast()` 是一种方便的全局方法，用于在应用中快速显示消息提示，类似于浮层通知。这种功能常见于各种UI框架中，如Element UI、Vuetify等，它允许开发者在任何地方通过简单的JavaScript调用...
Vue 解决通过this.$refs来获取DOM或者组件报错问题
10-15
在Vue.js中，`this.$refs` 是一个非常重要的特性，它允许开发者访问Vue实例挂载的DOM元素或子组件实例。然而，在某些情况下，尝试通过`this.$refs`获取DOM或组件时可能会遇到错误。本文将深入探讨这个问题及其解决...
js中常见的this.index面试基础知识问题
蚁走天涯路
07-28 3268
js中常见的this.index面试基础知识问题: 无标题文档 window.onload=function(){ var aBtn = document.getElementsByTagName('input'); for(var i=0;i<aBtn.length;i++){ aBtn[i].index=i; aBtn[i].onclick=function(){
javascript中获取数组某个元素索引值涉及到的this.index问题
qq_45760053的博客
02-01 2416
<!--选项卡切换--> <!DOCTYPE html> <html> <head> <script type="text/javascript"> window.onload = function () { var buttons = document.getElementsByTagN...
无涯教程-JavaScript - INDEX函数
无涯教程
09-15 764
若要使用以数组形式返回的值,请在一行的单元格的水平范围内和一列的单元格的垂直范围内,将INDEX函数作为数组公式输入。在Reference和Area_num选择了特定范围之后,Row_num和Column_num选择了特定单元格:Row_num 1是该范围中的第一行,Column_num 1是第一列,依此类推。INDEX返回的引用是Row_num和Column_num的交集。如果同时使用Row_num和Column_num参数,则INDEX将在Row_num和Column_num的交集处返回单元格中的值。
【JavaScript 教程】第六章 数组07— index() ：在数组中定位一个元素
web前端开发
01-07 967
英文|https://www.javascripttutorial.net/译文 | 杨小爱在上节，我们学习了JavaScript 数组 slice() 方法的实际用途，错过的小伙伴可...
index.html是什么语言,JavaScript中index是什么意思？
weixin_32491317的博客
06-08 1847
index是JavaScript中Option 对象的一个属性，该属性可返回下拉列表中选项的索引位置。下面本篇文章就来给大家介绍一下index属性，希望对大家有所帮助。index 属性可返回下拉列表中选项的索引位置，索引从0开始。语法：设置 index 属性：optionObject.index=integer返回 index 属性：optionObject.index说明：所有主要浏览器都支持 ...
tab切换 js制作 index和this的应用
weixin_34292924的博客
11-02 125
这个问题刚开始的时候挺纠结的，怎么从getelementsByTagName（）获得，用index和this即可做到，还有的应用到数组的遍历具体看下面的代码吧！ HTML和js代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <ti...
JS动态改变select选择变更option的index值
u010046887的专栏
06-19 620
JS动态改变select选择变更option的index值 zhu document.getElementById("louyuming").options[0].selected=true; function jsSelectIsExitItem(objSelect, objItemValue) {              var isExit = false;
JavaScript：索引的重要性 / 数组、字符串、对象中的使用 / index
最新发布
snowball的博客
05-20 587
索引在JavaScript中是非常重要的，它提供了一种定位和操作数据的有效方式，方便我们对数据进行处理和操作。
翻译代码 this.$set(this.videoObj, this.selectIndex, { ...this.videoObj[this.selectIndex], playUrl: data.playUrl, index: this.selectIndex, rate: this.videoRate, // 时间点 timePoint: this.currentS, playS: thi
06-08
s.$set(this.videoObj, this.selectIndex, { ...this.videoObj[this.selectIndex], playUrl: data.playUrl, index: this.selectIndex, rate: this.videoRate, // 时间点 timePoint: this.currentS, playS: thi 这段代码使用了 Vue.js 框架提供的 `$set` 方法，将 `this.videoObj` 对象中索引为 `this.selectIndex` 的元素替换为一个新的对象。这个新对象使用了 ES6 的对象扩展语法 `...`，将原对象中索引为 `this.selectIndex` 的元素的所有属性复制到了新对象中。同时，新对象增加了一些新的属性，如 `playUrl`、`index`、`rate`、`timePoint` 和 `playS` 等。其中，`playUrl` 属性的值为 `data.playUrl`，`index` 属性的值为 `this.selectIndex`，`rate` 属性的值为 `this.videoRate`，`timePoint` 属性的值为 `this.currentS`，`playS` 属性的值为 `thi`（代码中可能存在缺失）。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值