Javascript 如何显示特定值的特定图像

所以，我正在申请。我基本上想做的是显示当前的温度，然后显示一个穿着外套的人的图像或者一个没有穿外套的人的图像。 我已经显示了当前的temp（我正在使用一个API来显示该值），但是我不知道如何做图像部分。 我正在使用HTML和Javascript（与API一起使用JQuery和JSON）。 我知道我有问题。需要使用if语句，但我不知道如何在javascript中使用图像。 我正在将temp插入一个表中，我希望图像与表中的temp位于同一行中

下面是Javascript和HTML（非常基本）

（函数（）{
“严格使用”；
var main=函数（）{
var url='1〕http://api.worldweatheronline.com/premium/v1/weather.ashx?key=MY_PRIVATE_KEY&num_of_days=2&format=JSON&callback=?';
$.getJSON（url，函数（weatherResponse）{
控制台日志（天气响应）；
变量$weatherTable=$（''）；
var response=weatherResponse.data.current_u2;condition[0]；
var计数=0；
for（var prop响应）{
如果（计数=16）{
变量$item=$（''）；
var$itemProp=$（''）.text（prop）；
var$itemVal=$（''）.text（响应[prop]）；
$item.append（“温度感觉像：”）；
$item.append（$itemVal）；
$weatherTable。附加（$item）；
}
计数=计数+1；
}
$（'main'）。追加（$weatherTable）；
});
};
$（文件）.ready（主）；
}());

天气
天气
制造者

刚刚运行了代码，出现错误400：url中缺少参数键。这是故意的还是你从他们的api文档中复制粘贴的？无论如何添加图像的方法是：

var $img = $("<img>").attr("src","http://example.com/test.png");
$img.appendTo($item);

var$img=$（“
或：

我注意到您正在使用.text（）替换td的内容。如果您使用.html（）…html（）允许您直接将html添加到td中，该怎么办？因此您可以：

$item.html("<img src='" + src + "' />");

$item.html（“”）；

只是想添加它，以防他们向您发送HTML以插入到您的web应用程序中。
只需在javascript中使用
属性：


//开始演示代码，随机太阳或雨
var images={rain:'http://images.clipartpanda.com/rain-clipart-789e6b6991418ddbf20bc8f9f7a3bdfc.jpg",孙:"http://images.clipartpanda.com/clipart-sun-11971486551534036964ivak_Decorative_Sun.svg.med.png'}
var doesItRain=Math.floor（Math.random（）*2）；
var imageUrl=doesItRain？images.rain:images.sun；
//结束演示代码，只需填写imageUrl并使用以下行
$（'weather'）.attr（'src'，imageUrl）；

天气
您可以使用几种方法。我更喜欢innerHTML方法，它可以将元素的HTML内容重写为您想要的任何内容，这使得它非常灵活

HTML

<div id="myImg"></div>

<img id="myImg" src="./images/img1.jpg">

很抱歉，我排除了我的API密钥（因为它是私有的，我必须创建一个帐户才能获得一个）。因此，您无法运行您从我的示例中推断出的编码。关于hwo添加图像和设置src标记有任何问题吗？
<img id="myImg" src="./images/img1.jpg">

if ($itemVal > 50) {
  document.getElementById('myImage').src='./images/img1.jpg';
} else {
  document.getElementById('myImage').src='./images/img2.jpg';
}