superdom
Version:
Better and simpler DOM manipulation
42 lines (39 loc) • 2.5 kB
HTML
<html>
<head>
<meta charset='utf-8'>
<title>Superdom.js</title>
<meta name='viewport', content='width=device-width, initial-scale=1'>
<meta name="keywords" content="js, library, dom, superdom, manipulate">
<meta name="description" content="A lightweight DOM manipulation library">
<meta property="og:image" content="http://superdom.site/web/screenshot.png">
<meta property="og:url" content="http://superdom.site">
<meta property="og:title" content="Superdom.js">
<meta property="og:description" content="A lightweight library to access and manipulate the DOM of your webpage">
<link href="https://unpkg.com/paperdocs@1/paperdocs.min.css" rel="stylesheet">
<link rel="stylesheet" href="/web/style.css" />
</head>
<body>
<main>
<div class="flex">
<div class="full half-900">
<h1>Superdom<sub>.js</sub></h1>
<p>Manipulate the DOM like it's 2016</p>
<a href="https://unpkg.com/superdom@1" target="_blank">CDN</a>
<a href="https://github.com/franciscop/superdom.js/blob/master/readme.md" target="_blank">Documentation</a>
<a href="https://github.com/franciscop/superdom.js" target="_blank">Github</a>
</div>
<div class="full half-900">
<pre class="language-js"><code class=" language-js"><span class="token comment" spellcheck="true">// Fetch all of the link's urls</span>
<span class="token keyword">let</span> links <span class="token operator">=</span> dom<span class="token punctuation">.</span>a<span class="token punctuation">.</span>href<span class="token punctuation">;</span>
<span class="token comment" spellcheck="true">// Set the targets to a new page</span>
dom<span class="token punctuation">.</span>a<span class="token punctuation">.</span>target <span class="token operator">=</span> <span class="token string">'_blank'</span><span class="token punctuation">;</span>
<span class="token comment" spellcheck="true">// Manipulate the buttons without loops</span>
dom<span class="token punctuation">.</span>class<span class="token punctuation">.</span>cta<span class="token punctuation">.</span>html <span class="token operator">=</span> <span class="token string">'Click me!'</span><span class="token punctuation">;</span></code></pre>
</div>
</div>
</main>
<article class="loading" data-src="README.md"></article>
<script src="https://unpkg.com/paperdocs@1/paperdocs.min.js"></script>
</body>
</html>