プロジェクタなしのレンダリングマケット

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)を使用します。