object 相关问题

如何正确循环选择器上从“getElementsByTagName()”返回的对象。我似乎无法弄清楚。例如，如果我有一堆这样的 div：如何正确循环选择器上从“getElementsByTagName()”返回的对象。我好像不太能理解。例如，如果我有一堆像这样的div： <div class="wrapper"> <div class="test1">this is a div</div> <div class="test2">this is a div</div> <div class="test1">this is a div</div> <div class="test2">this is a div</div> <div class="test1">this is a div</div> <div class="test2">this is a div</div> </div> 我想循环遍历“getElementsByTagName()”的结果，如下所示： var wrapper = document.querySelector(".wrapper"); var divs = wrapper.getElementsByTagName("div"); for (i = 0; i < divs.length; ++i) { each = divs[i]; if (each.classList.contains("test2")) { this.style.display = "none"; } } 这是一个小提琴：http://jsfiddle.net/Y2Yzv/1/ 控制台出现错误：Uncaught TypeError: Cannot set property 'display' of undefined 尝试： var wrapper = document.querySelector(".wrapper"); var divs = wrapper.getElementsByTagName("div"); for (i = 0; i < divs.length; ++i) { each = divs[i]; if (each.classList.contains("test2")) { each.style.display = "none"; } } 演示 each.style.display = "none"; 可以代替 this this 指的是全局对象，而不是循环中正在迭代的元素。这是纠正的小提琴： http://jsfiddle.net/Y2Yzv/4/ 更少的代码解决方案： var divs = document.querySelectorAll('.wrapper div'); [].forEach.call(divs, function (div) { if (div.classList.contains('test2')) div.style.display = 'none'; }); 将 this.style.display = "none"; 更改为 each.style.display = "none" 检查此解决方案： http://jsfiddle.net/ZffWg/ 这些是我所做的主要改变 for (i in divs) { if (divs[i].className.indexOf("test2") > -1) { divs[i].style.display = "none"; } } 我删除了 i=0，因此循环在数组索引本身上运行。我还使用 className 代替 classList 以获得更好的跨平台兼容性 let divs_in_wrapper = document.querySelectorAll('.wrapper div'); divs_in_wrapper.forEach((item, index, arr) => { if (item.classList.contains("test2")) { item.style.display = "none"; } }); <div class="wrapper"> <div class="test1">this is a div</div> <div class="test2">this is a div class test2</div> <div class="test1">this is a div</div> <div class="test2">this is a div class test2</div> <div class="test1">this is a div</div> <div class="test2">this is a div class test2</div> </div> <div class="test2">this is outside a div</div>

javascript html object

回答 6 投票 0

如何解决编译器错误：在我的情况下没有调用“dmhFS::dmhFS()”的匹配函数？

我为 ESP32 微控制器编写代码。我设置了一个名为“dmhWebServer”的类。这是启动我的课程的调用：创建 dmhFS 类的对象并将其交给

c++ class object constructor esp32

回答 1 投票 0

Vue显示二维数组输出

我无法理解这个问题...... 我的后端提供带有二维数组的 API 响应：团队类别，团队属于该类别。数据返回正常，但是我无法...

arrays vue.js object django-rest-framework

回答 1 投票 0

动态更改折线颜色

我有一个网络应用程序，可以为每个用户绘制一条折线（跟踪运动），并且我想合并一些功能，允许网络应用程序用户通过更改...