javascript - 如何在js文件中添加img标签

Question

我如何在此 js 代码中添加 img 标签，以便在表中而不是获取链接和 img 出现

所以我希望在表格中有图片的地方出现图片而不是链接。

var rootRef = firebase.database().ref("imageurl");
rootRef.on("child_added", snap => {
  var pic = snap.child("url").val();
  var name = snap.child("name").val();
  var nationality = snap.child("nationality").val();
  var birthday = snap.child("dob").val();
  var height = snap.child("height").val();
  var position = snap.child("category").val();
  var foot= snap.child("foot").val();
  var weight = snap.child("weight").val();
  var transfer = snap.child("transferLink").val();
  var youtube = snap.child("youtubeLink").val();

  $("#table_body").append("<tr><td>" + pic + "</td><td>" + name + "</td><td>" + nationality + "</td><td>" + birthday +  "</td><td>" + height +
   "</td><td>" + position +  "</td><td>" + foot +  "</td><td>" + weight +  "</td><td>" + transfer +
    "</td><td>" + youtube + "</td><td><button>Remove</button></td></tr>");
});

Answer 1

var rootRef = firebase.database().ref("imageurl");
rootRef.on("child_added", snap => {
  var pic = snap.child("url").val();
  var name = snap.child("name").val();
  var nationality = snap.child("nationality").val();
  var birthday = snap.child("dob").val();
  var height = snap.child("height").val();
  var position = snap.child("category").val();
  var foot= snap.child("foot").val();
  var weight = snap.child("weight").val();
  var transfer = snap.child("transferLink").val();
  var youtube = snap.child("youtubeLink").val();

  $("#table_body").append("<tr><td>" + "<img src='" + pic + "' >" + "</td><td>" + name + "</td><td>" + nationality + "</td><td>" + birthday +  "</td><td>" + height +
   "</td><td>" + position +  "</td><td>" + foot +  "</td><td>" + weight +  "</td><td>" + transfer +
    "</td><td>" + youtube + "</td><td><button>Remove</button></td></tr>");
});