javascript - how to access [object HTMLTableCellElement]

Question

Is there a way to make [object HTMLTableCellElement] into a string to use it in my HTML site?

Have tried .innerHTML, .toString()

Console.log prints it out without issues, only when trying to implement into HTML it comes out as [object HTMLTableCellElement]

question from:https://stackoverflow.com/questions/65943947/how-to-access-object-htmltablecellelement

Answer 1

Your code has some problems with asychronous loading. And you are also going to append things out of order. Personally I would use fetch and promise all

function displayRestaurants() {
  var table = document.getElementById("restaurantTable");
  table.innerHTML = "";

  var promises = restaurant_array.map(function(restaurant) {
    return fetch('/averagepriceratings/' + restaurant._id)
      .then(function(resp) {
        return resp.json();
      }).then(function(json) {
        var average = json[0]['avg(priceRating)']
        var logo = restaurant.logo;
        var name = restaurant.name;
        var tags = [restaurant.priceCategory, restaurant.cuisineCategory, restaurant.areaCategory].join(', ');
        var cell = "<div>" + tags + "</div>";
        return cell
      });
  });

  Promise.all(promises).then(function(htmlStrs) => {
    table.innerHTML = htmlStrs.join('');
  });

}