闰土老哥的前端

具体代码和注释 // 先制作一个表格，生成孤儿节点table挂到body,tr挂到table,td挂到tr

代码和注释逻辑如下原来对象里面有数组，对象， 因为最后输出的时候，数组就按数组的方式输出，对象就按照对象的方式输出，原来对象里面有数组，对象， 因为最后输出的时候，数组就按数组的方式输出，对象就按照对

> liArray[i].setAttribute("index", i)意思是把liArray里面的i取出来，存成index >其他元素要用这个i，只要调用index就可以了、 >调用方法如：`im

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/61f9a784a94048f2aa7add2d8072ff1d~tplv

用遍历找到所有的子选项卡，如果选中的子选项卡和子选项卡长度相等，就是了。这里用到了true可以当做1来使用。 完整代码和具体逻辑如下

把这个i保存成index把这个i保存成index把这个i保存成index把这个i保存成index把这个i保存成index把这个i保存成index把这个i保存成index把这个i保存成index

具体代码和逻辑如下>要改变的就是img里面的src,所以先定义一个数组，里面放 所有图片的路径。 > 点击的时候，更新图片里面src。

具体代码和逻辑如下> window.onscroll意思滚动当前页面的时候，具体逻辑写在后面的添加事件处理函数。 > documentElement 是整个节点树的根节点root，即<htm

看设置的过渡属性里面的时间，根据时间来修改lock的状态，使用settimeout()。总的来说，就是修改透明度。`liArray[0].style.opacity = "0"`或者1.

ul.style.transition="left 0.5s ease 0 具体代码和注释如下：>总的来说，就是每一次点击按钮，就改变ul.style.left的值。>总的来说，就是每。。。。。。。。

具体原理参见代码里面的注释总的来说，改变的就是ul.style.left,每次减少5px,意思也就是间隔执行函数里每次往左边跑5px

var countSum = parseInt(spanMinute.innerHTML) * 60 + parseInt(spanSecond.innerHTML); minuteNumber =

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8a729cbf409e4397b54ebd60e33ba3fb~tplv

>点击了按钮，会触发点击事件，这是一个函数，所有的内容都写进函数里面。 >用循环的方式，先获取到input输入的值，(input输入数字的时候，用input.value获取)分别创建出table tr

完整代码如下// 当ul里面的东西被点击的时候，里面的元素会一个个的被移出 ul.onclick = function (e) { e.currentTarget.removeC

具体代码如下：>提示: 获取非行内样式, 使用`document.defaultView.getComputedStyle(obj)["left"]`>提示: 获取非行内样式, 使用`document

document.defaultView.getComputedStyle(div)["top"]) document.defaultView.getComputedStyle(div)["left"

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1b4e0369492e410ab040fa00389f4767~tplv

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3dd91d2315284347bd432830196e0d16~tplv

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2e58cd98c66d4ad49219120becf67a27~tplv