Javascript 创建复杂标记名视图

我知道我可以创建一个简单的标记名，如下所示：

          var Home = Backbone.View.extend({

          tagName:"li",

但我需要在视图中创建一个复杂的标记名，如下所示：

            <div class="row">

            <div class="page-header ">
              <p class="pull-right"><a href="#">see all</a></p>
              <h4>Honors <small>(10)</small></h4>
            </div>

            <div class="pagination-centered">


            </div>

        </div>

荣誉（10）

并将渲染结果附加到div class=“以分页为中心”。

---

我可以像上面这样创建一个复杂的标记名吗？并将render的结果附加到一个特定的类中吗？

答案是不能。您的视图元素只有一个DOM元素。您显示的是几个嵌套元素。
在这里，视图元素应该是父级

div

，其余元素可以作为模板追加

var Home = Backbone.View.extend({
  // tagName: 'div' <= useless as it's the default value
  className: 'row',
  template: myHTML,
  render: function() {
    this.$el.append(this.template);
  }

var Home=Backbone.View.extend({
//标记名：“div”有问题吗？我已经添加了更详细的问题如果我用jquery创建了几个嵌套元素，将其附加到dom，然后再附加渲染？但是在渲染内部，如何捕获元素dom？您应该改为执行多个级别的逻辑（一个更通用的视图，另一个更集中的视图）。但您可以使用
查看#setElement
和
查看#$
来更改元素。