javascript - 不使用投影仪渲染 Maquette

Question

我想使用 Maquette 作为基本的超脚本语言。因此，我不想使用maquette.projector. 但是，我很难让任何maquette.dom功能正常工作。

var h = maquette.h;
var dom = maquette.dom;
var svg = h('div.sweet', [
  h('svg', [
    h('circle', { cx: '2cm', cy: '2cm', r: '4cm', fill: 'red' }),
  ])
]);

document.addEventListener('DOMContentLoaded', function () {
  console.log(svg);
  var root = dom.create(svg).domNode;
});

<script src="//cdnjs.cloudflare.com/ajax/libs/maquette/2.4.1/maquette.min.js"></script>

我究竟做错了什么？为什么dom.create不渲染任何东西？

Answer 1

很高兴看到您找到了另一个没有投影仪的用例。该dom.create方法仅创建 DOM 节点，但不会将它们附加到文档中的任何位置。您可以使用document.body.appendChild(root)或使用dom.append(document.body, svg).