时间戳

首页 > 解决方案 > innerHtml 替换插入图片 Javascript

javascript - innerHtml 替换插入图片 Javascript

问题描述

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

我怎样才能做到这一点。如果你能帮忙，我会很高兴。谢谢

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

标签： javascriptreplaceinnerhtml

解决方案

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

如果是这样的话，

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

觉得有用就点个赞吧。

推荐阅读