Render Maquette ohne den Projektor

Question

Ich möchte Maquette als grundlegende Hyperscript-Sprache verwenden. Folglich möchte ich die maquette.projector nicht verwenden. Jedoch habe ich eine harte Zeit, irgendeine der maquette.dom Funktionen zum Funktionieren zu erhalten.

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>

Was mache ich falsch? Warum gibt dom.create nichts wieder?

Answer 1

Schön zu sehen, dass Sie einen anderen Usecase ohne den Projektor gefunden haben. Die Methode dom.create erstellt nur die DOM-Knoten, fügt sie jedoch nicht an einer beliebigen Stelle im Dokument an. Sie können document.body.appendChild(root) verwenden oder dom.append(document.body, svg) verwenden.