J'essaie de mettre à jour dynamiquement les couleurs d'arrière-plan de certains éléments en utilisant ajax, jsp et un appel de servlet. J'ai inclus mes fonctions js et aussi une capture d'écran de mon journal de servlet et console. Le code exécute toutes les lignes, mais rien ne change sur le front end. Vraiment apprécier l'aide! J'ai également essayé de faire une autre fonction de JS pour gérer les changements de bg mais cela n'a pas aidé du tout.Modification dynamique de la couleur d'arrière-plan de tous les éléments html avec la même classe défaillante
<script>
function validate() {
console.log("hello");
var xhttp = new XMLHttpRequest();
xhttp.open("GET", "/"+window.location.pathname.split("/")[1]+"/HomeServlet?inputName=" + document.searchform.search.value, false);
xhttp.send();
if (xhttp.responseText.trim().length > 0) {
console.log("in if statement " + xhttp.responseText);
var str = xhttp.responseText;
var result = str.split(" ");
console.log("str " + str + " - result: " + result + " result size = " + result.length);
for(var i = 0; i < result.length; i++) {
console.log("in first loop");
console.log("value:" + result[i]);
elements = document.getElementsByClassName(result[i]);
console.log("elements: " + elements.length);
for (var j = 0; j < elements.length; j++) {
console.log("in the loop");
//elements[j].style.backgroundColor = "red";
changeBg(elements[j]);
}
}
//return false;
}
return true;
}
function changeBg(element) {
alert(window.getComputedStyle(element).backgroundColor);
element.style.color = "red";
}
</script>
Dans mon navigateur, ma console lit ce qui suit prouve que le code est en cours d'exécution chaque ligne, inclus la sortie de la boîte d'alerte mais pas changer le element.style.color ou backgroundColor depuis que je l'ai essayé à la fois.
Vous modifiez la couleur * text * ('element.style.color') à la place de la couleur * background * element.style.backgroundColor' dans changeBg() – FluffyKitten