innerHTML和条件(三元)运算符 - "意外字符串"

时间:2015-07-16 21:01:11

标签: html css

有人可以帮帮我吗?我正在尝试启用此程序来加载一个页面,其中所有数字都用hr标记分隔,之外的最后一个数字(#10)。现在似乎有一个"意外的字符串"在 if 语句之后的代码块中。

我已尝试过几行不同的排列,但我对如何使其正常工作感到难过。提前谢谢!



var n = 1, str = ""

  while (n <= 10) {
    if (n % 2 === 0) {
      str += "<p class='even'>" + n + (n === 10 ? "" : "<hr>") "</p>"
    } else {
      str += "<p class='odd'>" + n + "</p><hr>"
    }
    n++
  }

  document.querySelector("#target").innerHTML = str
&#13;
!DOCTYPE html>
<html>
<head>
<style>
  .even {
    color:blue;
  }
  .odd {
    color:red;
  }
</style>
</head>
<body>
  <div id="target"></div>
</body>
</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

你不需要改变:

str += "<p class='even'>" + n + (n === 10 ? "" : "<hr>") "</p>"

为:

str += "<p class='even'>" + n + (n === 10 ? "" : "<hr>") + "</p>"