在 html 中创建 javascript 循环

Question

我想在 html 中创建一个 javascript 循环，如下所示：

( if (var i=0; i<10; i++) { )  //<-- JAVASCRIPT

//HTML

( } ) //<-- JAVASCRIPT

我尝试使用 ，<% JAVASCRIPT %>但它对我不起作用。有谁知道谁来解决这个问题？

提前致谢。?

Answer 1

这不是javascript的工作方式。这是你可以用 PHP 做的事情。

使用 javascript，您可以将它与 html 分开运行。然后，您在 html 中创建一个元素作为包装器，将 javascript 生成的 html 放入其中。像这样：

HTML

<div id="myHTMLWrapper">

</div>

<script>
  var wrapper = document.getElementById("myHTMLWrapper");

  var myHTML = '<span class="test">Testing out my script!</span>';

  wrapper.innerHTML = myHTML
</script>

在此处查看工作示例

抱歉，我for顺便跳过了循环。让我用这个更新修复它......你可以这样做，你看：

<script>
  var wrapper = document.getElementById("myHTMLWrapper");

  var myHTML = '';

  for (var i = 0; i < 10; i++) {
    myHTML += '<span class="test">Testing out my script! loop #' + (i + 1) + '</span><br/><br/>';
  }

  wrapper.innerHTML = myHTML

</script>