innerHtml 替换插入图片 Javascript答案

【问题标题】：innerHtml Replace insert image JavascriptinnerHtml 替换插入图片 Javascript
【发布时间】：2021-04-17 08:31:39
【问题描述】：

下面的 Js 代码正在运行。我想在这里添加一张图片。如果值为 0，则 x.png 为 180，则 y png。

我该怎么做。如果你能帮忙，我会很高兴。谢谢

var Bearing = document.getElementById("rptAracDetay_Label28_0");
if (Bearing.innerHTML.replace(':&nbsp;&nbsp;&nbsp;', '') == '0') { 
    document.getElementById("rptAracDetay_Label28_0").innerHTML = ':&nbsp;&nbsp;&nbsp;North';
}
else if (Bearing.innerHTML.replace(':&nbsp;&nbsp;&nbsp;', '') == '180') { 
    document.getElementById("rptAracDetay_Label28_0").innerHTML = ':&nbsp;&nbsp;&nbsp;South';
}

【问题讨论】：

条件内的元素不需要重新获取。

标签： javascript replace innerhtml

【解决方案1】：

我猜你想在你的 innerHTML 文本之后添加一个 img 元素图像。

如果是这样的话，

var Bearing = document.getElementById("rptAracDetay_Label28_0");                    
if (Bearing.innerHTML.replace(':&nbsp;&nbsp;&nbsp;', '') == '0') { 
    Bearing.innerHTML = ':&nbsp;&nbsp;&nbsp;North'; 
    var img = document.createElement('img'); 
    img.src = 'https://xyz/x.png'; 
    Bearing.appendChild(img); 
}
else if (Bearing.innerHTML.replace(':&nbsp;&nbsp;&nbsp;', '') == '180') {
    Bearing.innerHTML = ':&nbsp;&nbsp;&nbsp;South'; 
    var img = document.createElement('img'); 
    img.src = 'https://xyz/y.png'; 
    Bearing.appendChild(img); 
}

觉得有用就点个赞吧

【讨论】：

无背景图片。我想立即在行尾添加一张图片。
行尾表示在同一元素下，id 为“rptAracDetay_Label28_0”，对吗？并且您想添加 img HTML 元素。如果我错了，请纠正我。
@ErhanŞimşek 请检查编辑后的答案。

【解决方案2】：

我认为您的 if/else 部分是在实际启动 Bearing 变量之前执行的。所以使用 if 条件来检查 Bearing 变量是否实际启动：

if(Bearing){
    //do your stuff;
}

【讨论】：

命令没有问题。我只想让它根据我给行尾的值添加一张图片。没有背景

【解决方案3】：

不确定您要达到的目标，但我会说

const Bearing = document.getElementById("rptAracDetay_Label28_0");
                    
  Bearing.innerHTML.replace(':&nbsp;&nbsp;&nbsp;', '') === '0' ?
                     Bearing.innerHTML = ':&nbsp;&nbsp;&nbsp;North' : Bearing.innerHTML = ':&nbsp;&nbsp;&nbsp;South';

另外，'0' 和 '180' 是字符串还是数字？ Bearing 是否出于某种原因需要大写？

【讨论】：

命令没有问题。我只想让它根据我给行尾的值添加一张图片。没有背景