javascript - 如何使用条件语句在 javascript 函数中返回 html 代码

Question

我有一个 javascript 函数，我可以在其中返回 html 代码。在那条返回语句中，我想使用 if 条件。请指导我如何使用它。

这是我的 javascript 函数:

function abc(param)
{
  var step =2;
  if(n>0){

    return `
        <div>
        **{% if step == '1' %}
          <div class="box" style="background-color:red" id="prodcolor">
           <span style="display:none"> Sample</span>
          </div>
        {% endif %}**
        </div>
    `;

  }
}

我已经突出显示了我使用 if 语句的地方。这是我的 javascript 文件。

Answer 1

针对不同的条件使用不同的字符串:

function abc(param)
{
  var step =2;
  if(n>0){

    return step == '1' ? `
        <div>
          <div class="box" style="background-color:red" id="prodcolor">
           <span style="display:none"> Sample</span>
          </div>
        </div>
    `:"<div></div>"

  }
}