Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 两个具有匹配索引值的数组,切换类_Javascript_Arrays_String Matching - Fatal编程技术网

Javascript 两个具有匹配索引值的数组,切换类

Javascript 两个具有匹配索引值的数组,切换类,javascript,arrays,string-matching,Javascript,Arrays,String Matching,我想用onClick事件切换show类,该事件具有匹配的href和id,而不使用任何jQuery。我已经调试了我的JavaScrpit,获得了数据值并将它们排序到数组中 我只是对实际使用收集的数据的剩余部分有点困惑 本机JavaScript 功能页面切换菜单(){ //查找所有名称和id属性 var archors=document.getElementsByName('link'); var id=document.querySelectorAll(“[id]”); //在数组中存储href

我想用onClick事件切换
show
类,该事件具有匹配的
href
id
,而不使用任何jQuery。我已经调试了我的JavaScrpit,获得了数据值并将它们排序到数组中

我只是对实际使用收集的数据的剩余部分有点困惑

本机JavaScript
功能页面切换菜单(){
//查找所有名称和id属性
var archors=document.getElementsByName('link');
var id=document.querySelectorAll(“[id]”);
//在数组中存储href和id值
var-hrefs=[];
var idsValue=[];
//循环浏览锚点,获取href值并存储在aray中
对于(var i=0;i

仪表板
原子
浴缸
有机体
模型
设置
欢迎来到原子
Lorem ipsum dolor sit amet,奉献精英。我是多洛雷斯,我是西米

全球的 Lorem ipsum dolor sit amet,奉献精英。我是多洛雷斯,我是福吉亚人


我不喜欢匹配
href
id
的想法,但你可以点击这里-点击“全局”,菜单将在最后切换

<>请考虑不要在<代码>中写入<代码> <代码> 浴缸 有机体 模型 设置 欢迎来到原子 Lorem ipsum dolor sit amet,奉献精英。我是多洛雷斯,我是西米

全球的 Lorem ipsum dolor sit amet,奉献精英。我是多洛雷斯,我是福吉亚人


非常感谢您。我还是JavaScript新手,我强迫自己了解原生JS,而不是使用jQuery来帮助我。这是一个我一直在做的老项目,所以我将关注一些w3c问题。非常感谢顺便说一句,我真的很喜欢你的逻辑,你设法产生。是否有任何推荐的地方可以在线学习您过去使用的本地JavaScript?再次感谢@davis.luckyHi Andrew,实际上我不知道:)我认为任何js教程+实践都适合。阅读有关DOM优化的
事件委派的信息,例如-这非常重要