innerHtml 替换插入图片 Javascript

Question

下面的 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';
}

Answer 1

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

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

Answer 2

不确定你想要达到什么目的，但我会说

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 是否出于某种原因需要大写？

Answer 3

我猜您想在 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); 
}

觉得有用就点个赞吧

innerHtml 替换插入图片 Javascript

innerHtml Replace insert image Javascript

javascript

replace

innerhtml