如何在JavaScript中为for循环中的特定img元素添加类
现在这段代码没有任何错误。我想在for循环中的所有img元素中添加一个类“sprite”。另外,如果eachName[1]是a.png或b.png,我想向它们添加一个类“found”,否则我想添加一个类“unfound”。如何编写代码来实现它们。谢谢如何在JavaScript中为for循环中的特定img元素添加类,javascript,jquery,Javascript,Jquery,现在这段代码没有任何错误。我想在for循环中的所有img元素中添加一个类“sprite”。另外,如果eachName[1]是a.png或b.png,我想向它们添加一个类“found”,否则我想添加一个类“unfound”。如何编写代码来实现它们。谢谢 function populatePokedex() { var xhr = new XMLHttpRequest(); xhr.open("GET", "data.txt"); xhr.onload = function
function populatePokedex() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "data.txt");
xhr.onload = function(){
if (this.status == 200) {
var picArr = this.responseText.split("\n");
for(var i=0; i < picArr.length; i++){
var eachName = picArr[i].split(":")
var spriteurl = "/Pokedex/sprites/" + eachName[1];
document.getElementById("pokedex-view").innerHTML += "<img src=" + spriteurl + ">";
}
} else {
document.getElementById("pokedex-view").innerHTML = "ERROR: Status: " + this.status + ", " + this.statusText;
}
}
xhr.onerror = function(){
document.getElementById("pokedex-view").innerHTML = "ERROR";
}
xhr.send();
}
函数populatePokedex(){
var xhr=new XMLHttpRequest();
xhr.open(“GET”,“data.txt”);
xhr.onload=函数(){
如果(this.status==200){
var picArr=this.responseText.split(“\n”);
对于(变量i=0;i
。。。
xhr.onload=函数(){
如果(this.status==200){
var picArr=this.responseText.split(“\n”);
对于(变量i=0;i
如果其余代码正常工作,添加以下行将解决您的问题
...
var spriteurl = "/Pokedex/sprites/" + eachName[1];
img = document.createElement("img");
img.setAttribute("src", spriteurl);
klass = ["a.png", "b.png"].some(function(e) { return e == eachName[1]; } ? "found" : "unfound";
img.setAtrribute("class", klass) // or classList +=
document.getElementById("pokedex-view").appendChild(img);
...
使用
非常感谢您。我可以给它们加一个“精灵”类。但是,一个“未找到”的类并不能很好地工作。这就是我想做的。但我工作不好。->if(eachName[1]==“a.png”){imgClass+='found';}else{imgClass+='unfound';}记录eachName[1]以确保其格式符合您的要求。可能不是您期望的文件名(例如“/a.png”或“images/a.png”)
...
var spriteurl = "/Pokedex/sprites/" + eachName[1];
img = document.createElement("img");
img.setAttribute("src", spriteurl);
klass = ["a.png", "b.png"].some(function(e) { return e == eachName[1]; } ? "found" : "unfound";
img.setAtrribute("class", klass) // or classList +=
document.getElementById("pokedex-view").appendChild(img);
...