How to display HTML of getElementsByClassName with JSON.parse()

Question

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>

You have to iterate through the **list** returned by `.getElementsByClassName()` and operate on each element individually. — Pointy, Oct 03 '21 at 13:40

score 1 · Accepted Answer · answered Oct 03 '21 at 13:44

1

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';
    
}

answered Oct 03 '21 at 13:44

Mehrdad Abbasi

73
6

Thanks works. Works without the let. Is let standard here? – KD_Raj Oct 03 '21 at 13:53
1

yes, No problem if you use es6 and you can use const – Mehrdad Abbasi Oct 03 '21 at 15:00

How to display HTML of getElementsByClassName with JSON.parse()

1 Answers1