How to I adjust this code to display the value or favFood? Works with getElementById but not getElementsByClassName but I want to use a class:
server file - ProcesssingFileOnServer.php:
<?php
$myObj = new stdClass();
$myObj->name = "John";
$myObj->favFood = "Pizza";
$myJSON = json_encode($myObj);
echo $myJSON;
?>
client file:
<!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>
When they use the class, the result is a array.
var el = document.getElementsByClassName("bla")
for (let i = 0; i < el.length; i++) {
el[i].innerHTML = 'asdsadas';
}