¿Cómo ajusto este código para mostrar el valor o comida favorita? Funciona con getElementById pero no con getElementsByClassName pero quiero usar una clase:
archivo del servidor - ProcesssingFileOnServer.php:
<?php $myObj = new stdClass(); $myObj->name = "John"; $myObj->favFood = "Pizza"; $myJSON = json_encode($myObj); echo $myJSON; ?>archivo de cliente:
<!DOCTYPE html> <html> <head> </head> <body> <p id="theName"></p> <div class="bla"></div> <script> const xmlhttp = new XMLHttpRequest(); xmlhttp.onload = function() { const myObj = JSON.parse(this.responseText); document.getElementById("theName").innerHTML = myObj.name; document.getElementsByClassName("bla") = myObj.favFood; } xmlhttp.open("GET", "ProcesssingFileOnServer.php"); xmlhttp.send(); </script> </body> </html>Cuando usan la clase, el resultado es una matriz.
var el = document.getElementsByClassName("bla") for (let i = 0; i < el.length; i++) { el[i].innerHTML = 'asdsadas'; }