innerHtml 替换插入图片 Javascript

Posted 2023-05-07

【中文标题】innerHtml 替换插入图片 Javascript

【英文标题】：innerHtml Replace insert image 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(':   ', '') == '0')  
    document.getElementById("rptAracDetay_Label28_0").innerHTML = ':   North';

else if (Bearing.innerHTML.replace(':   ', '') == '180')  
    document.getElementById("rptAracDetay_Label28_0").innerHTML = ':   South';

【问题讨论】：

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

【参考方案1】：

我猜你想在你的 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); 

觉得有用就点个赞吧

【讨论】：

无背景图片。我想立即在行尾添加一张图片。

行尾表示在同一元素下，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(':   ', '') === '0' ?
                     Bearing.innerHTML = ':   North' : Bearing.innerHTML = ':   South';

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

【讨论】：

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