ericf · March 23, 2010 04:04
diff --git a/example1-dom.js b/example1-dom.js
 // DOM API
 var content = document.getElementById('content'),
    p = document.createElement('p'),
    a = document.createElement('a');

 p.id = 'markout';
 a.href = 'http://oddnut.com/markout/';
 p.appendChild(a)
 content.appendChild(p);
diff --git a/example1-markout.js b/example1-markout.js
 // Markout
 Y.Markout('#content').p({ id: 'markout' }).a({ href: 'http://oddnut.com/markout/' }).text('MarkoutJS');
diff --git a/example1-output.html b/example1-output.html
 <!-- Desired Output -->
 <div id="content">
    …
    <p id="markout"><a href="http://oddnut.com/markout/">MarkoutJS</a></p>
 </div>
	// DOM API
	var content = document.getElementById('content'),
	p = document.createElement('p'),
	a = document.createElement('a');

	p.id = 'markout';
	a.href = 'http://oddnut.com/markout/';
	p.appendChild(a)
	content.appendChild(p);
	// Markout
	Y.Markout('#content').p({ id: 'markout' }).a({ href: 'http://oddnut.com/markout/' }).text('MarkoutJS');
	<!-- Desired Output -->
	<div id="content">
	…
	<p id="markout"><a href="http://oddnut.com/markout/">MarkoutJS</a></p>
	</div>