在我们编写Html页面时,如果遇到外部页面点击跳转并且内部页面也需要点击跳转时。单纯编写JS时所要抓取的dom对象就会容易出现问题,如我的外层页面之下的div中的div。都会被捕捉到,这样我们编写出的js点击切换页面的效果就会出现bug。 如何规避这种情况,我们可以使用 querySelectorA ...
分类:
Web程序 时间:
2019-06-16 12:05:55
阅读次数:
138
var lis=document.querySelectorAll(".navCity li");lis.forEach(function (ele,index) { console.log(ele); console.log(index);}); $(".navCity li").each(fun ...
分类:
Web程序 时间:
2019-06-12 11:08:29
阅读次数:
100
1 var btn = document.querySelectorAll('.所点击的类名')[0]; 2 var event = document.createEvent('Events'); 3 event.initEvent('touchstart', true, true); 4 btn.... ...
分类:
其他好文 时间:
2019-05-14 13:29:23
阅读次数:
260
var 和 let的区别 var: 最小作用域为函数 let:最小作用于域为块(大括号) querySelectorAll 和 getElementsBy 系列方法的区别 querySelectorAll 的返回值是一个 静态的 NodeList 对象, getElementsByClassName ...
分类:
Web程序 时间:
2019-04-14 23:01:50
阅读次数:
327
先看下面一个小例子的结果 从上面的结果我们发现,我们发现同样是一开始就获取了ul的子列表,但是通过.querySelectorAll获取的子列表,在创建列表前和创建列表后,长度都为0,而通过.children方法获取的字列表,在列表创建前,长度为0,而创建之后,长度为10,为什么呢? 使用.chil ...
分类:
Web程序 时间:
2019-04-01 23:58:45
阅读次数:
698
$永远保存学习的心态$ 我是通过标签获取(紫色) 我是通过id获取(橙色) 我是通过class获取(黄色) 我是通过name获取(绿色) 我是通过querySelector获取(青色) 我通过querySelectorAll获取(蓝色) ... ...
分类:
Web程序 时间:
2019-03-14 18:00:25
阅读次数:
416
1. 通过类似于 这种方式获取到的类数组,无法通过 forEach 进行遍历(可以通过for循环);而通过 可以通过forEach 进行遍历。 (1)首先看 getElementByTagName 的这种情况 网页表现 (2)然后看 querySelectorAll 的这种情况 网页表现 2. 通过 ...
分类:
其他好文 时间:
2019-02-21 00:19:09
阅读次数:
232
方法一: 1:找到自己想要的图标库 2:按F12打开控制台,在console中输入 var iconList = document.querySelectorAll('.icon-gouwuche1'); for (var i = 0; i < iconList.length; i++) { ico ...
分类:
其他好文 时间:
2019-02-12 00:15:46
阅读次数:
170
document.querySelectorAll('#id').style.color = 'red';document.querySelectorAll('#id').style.fontSize = '12px';document.querySelectorAll('#id').style.b ...
分类:
Web程序 时间:
2019-01-25 15:16:06
阅读次数:
211
Document.getElementById() Document.getElementsByClassName() Document.getElementsByTagName() Document.querySelector() Document.querySelectorAll() ...
分类:
其他好文 时间:
2018-12-02 20:05:17
阅读次数:
110