用于插入图像的Javascript if语句

我对Javascript非常陌生，尝试在电子表格上复制我所做的事情，但在网页上的Javascript中，我用冗长的方式工作，寻找简化它的方法

该脚本嵌入在HTML中

<td class="td_Col11cSize">
  <div class="TableText">
    <span class = "Sub0a">
      <script type="text/javascript">
        if (Game2Player4Sub == "")
          document.write(Game2Player4Name, Game2Player4Off)
      </script>
    </span>
    <span class = "Sub1a">
      <script type="text/javascript">
        if (Game2Player4Sub == "Sub 1")
          document.write(Game2Player4Name, Game2Player4Off)
      </script>
    </span>
    <span class = "Sub2a">
      <script type="text/javascript"> 
        if (Game2Player4Sub == "Sub 2")
          document.write(Game2Player4Name, Game2Player4Off)
      </script>
    </span>
    <span class = "Sub3a">
      <script type="text/javascript"> 
        if (Game2Player4Sub == "Sub 3")
          document.write(Game2Player4Name, Game2Player4Off)
      </script>
    </span>
    <span class = "Sub4a">
      <script type="text/javascript">
        if (Game2Player4Sub == "Sub 4")
          document.write(Game2Player4Name, Game2Player4Off)
      </script>
    </span>
    <span class = "Sub5a">
      <script type="text/javascript"> 
        if (Game2Player4Sub == "Sub 5")
          document.write(Game2Player4Name, Game2Player4Off) 
      </script>
    </span>
    <span class = "Sub6a">
      <script type="text/javascript"> 
        if (Game2Player4Sub == "Sub 6")
          document.write(Game2Player4Name, Game2Player4Off)
      </script>
    </span>
    <span class = "Sub7a">
      <script type="text/javascript">
        if (Game2Player4Sub == "Sub 7")
          document.write(Game2Player4Name, Game2Player4Off)
      </script>
    </span>
  </div>
</td>   

代码检查8个条件以设置字体颜色，并在括号中添加玩家姓名和起飞时间。上面的方法很有效，但是冗长，需要考虑编写一个函数来替换它，因为它在页面上使用了18 x 46次

---

我还需要添加另一个if语句，当Game2Player4Yellow==n

您使用JS时，就好像它是PHP一样

尝试以下方法：

function getGame2PlayerData(Game2Player4Sub, Game2Player4Yellow = null) {
    selector = Game2Player4Sub.replace(" ","") + 'a';
    elements = getElementsByClassName(selector);
    img = '';
    if (Game2Player4Yellow == 'n') {
        img = '<img src ="YellowCard.png">';
    }
    elements[0].innerHTML = img + Game2Player4Name + ' ' + Game2Player4Off;
}

---

1.请格式化并缩进代码。2.到目前为止，您尝试了什么？我不知道如何利用此函数，然后应用于所有实例。至于添加黄牌图像，我无法在Javascript中获得正确的语法。感谢Noy Gabay的函数思想。我不确定.replace，+a；bit旨在执行。添加了img条件。因为我发现Game2Player4Sub在模式Sub X中，类名是SubXa，其中X是一个变量，所以我决定从给定参数中提取所需的类名，而不是硬编码它。替换，只是从字符串中删除空格。谢谢，我的语法问题似乎不是使用{方括号添加yellowcard图像。InnerHTML不是一个函数，而是一个属性。