html怎么遍历后台传过来的list

在HTML中可以使用JavaScript或者模板引擎来遍历后台传过来的list。

使用JavaScript遍历list：

<ul id="list">
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
</ul>

<script>
  var list = ['item4', 'item5', 'item6'];
  var ul = document.getElementById('list');
  list.forEach(function(item) {
    var li = document.createElement('li');
    li.appendChild(document.createTextNode(item));
    ul.appendChild(li);
  });
</script>

使用模板引擎遍历list：

使用Vue.js模板引擎遍历list：

<ul id="list">
  <li v-for="item in list">{{ item }}</li>
</ul>

<script>
  var app = new Vue({
    el: '#list',
    data: {
      list: ['item1', 'item2', 'item3']
    }
  });
</script>

使用Handlebars模板引擎遍历list：

<ul id="list">
  {{#each list}}
    <li>{{this}}</li>
  {{/each}}
</ul>

<script>
  var template = Handlebars.compile(document.getElementById('list-template').innerHTML);
  var context = {
    list: ['item1', 'item2', 'item3']
  };
  document.getElementById('list').innerHTML = template(context);
</script>

以上是一些常用的遍历list的方法，你可以根据自己的需求选择适合的方式。