试着在我的javascript代码中理解“this”(一件事有效,另一件没有)
16lz
2021-01-22
I've been trying to learn javascript by refactoring some Jquery examples in a book into javascript. In the following code I add a click listener to a tab and make it change to active when the user clicks on the tab.
我一直在尝试通过将书中的一些Jquery示例重构为javascript来学习javascript。在下面的代码中,我向选项卡添加了一个单击侦听器,并在用户单击选项卡时将其更改为活动状态。
var tabs = document.querySelectorAll(".tabs a span");
var content = document.querySelectorAll("main .content li");
for (var tabNumber = 0; tabNumber <= 2; tabNumber++) {
tabs[tabNumber].addEventListener("click", function (event) {
for (var i = 0; i < tabs.length; i++) {
tabs[i].classList.remove("active");
}
tabs[tabNumber].classList.add("active");
for (var i = 0; i < content.length; i++) {
content[i].innerHTML = "";
}
event.preventDefault();
});
}