Question

说我想打印HTML页面上的数字0到4。如何更改以下代码：

<ul>
   {%for i in range(5) %}
       <li><a>i</a></li>
   {%endfor %}         
</ul>

Answer 1

如果您使用服务器端语言，例如PHP：

<ul>
  <?php for ($i = 0; $i < 5; $i++): ?>
    <li><a><?=$i?></a></li>
  <?php endfor; ?>
</ul>

或者，Django：

<ul>
  {% for i in 5|get_range %}
    <li>{{ i }}</li>
  {% endfor %}
</ul>

否则，您需要在加载页面后使用javascript执行此操作，此处为jsfiddle。

<ul id="dynamicList"></ul>

<script type="text/javascript">
  (function() {
     var list = document.getElementById('dynamicList');
     for (var i = 0; i < 5; i++) {
       var li = document.createElement('li');
       li.innerHTML = i;
       list.appendChild(li);
     }
  })();
</script>

在ul元素中循环的HTML

1 个答案: