website/public/docs/v3.1.4/Reference/JavaScript/POSITION.php

39 lines
No EOL
3.3 KiB
PHP

<?= VV::include("public/docs/v3.1.4/Reference/layout") ?>
<main>
<section>
<h1>Navigation.POSITION</h1>
<p>A static object of <a href="/docs/v3.1.4/Reference/JavaScript/constructor"><code class="mtk17">Navigation</code></a> that adheres to the same concept as <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentElement#position"><code>position</code> of <code>.insertAdjacentElement()</code></a></p>
</section>
<section>
<?= VV::include("snippets/HTMLCodeDemoElement/HTMLCodeDemoElement?id=docs/v3.1.4/JS/position/description") ?>
</section>
<section>
<h1>Properties</h1>
</section>
<section class="md param">
<h2><code class="mtk19">AFTEREND</code></h2>
<p><a href="/docs/v3.1.4/Reference/JavaScript/MODE">Inserts/replaces</a> the DOM <strong>after</strong> the <a href="/docs/v3.1.4/Reference/JavaScript/navigate#target"><code>target</code></a> element with the contents of <a href="/docs/v3.1.4/Reference/JavaScript/constructor"><code>href</code></a> from a <a href="/docs/v3.1.4/Reference/JavaScript/constructor"><code class="mtk17">Navigation</code></a> instance.</p>
</section>
<section class="md param">
<h2 class="default"><code class="mtk19">BEFOREEND</code></h2>
<p>This is the default behavior.</p>
<p><a href="/docs/v3.1.4/Reference/JavaScript/MODE">Inserts/replaces</a> the DOM <strong>right before closing</strong> the <a href="/docs/v3.1.4/Reference/JavaScript/navigate#target"><code>target</code></a> element with the contents of <a href="/docs/v3.1.4/Reference/JavaScript/constructor"><code>href</code></a> from a <a href="/docs/v3.1.4/Reference/JavaScript/constructor"><code class="mtk17">Navigation</code></a> instance.</p>
<p><a href="/docs/v3.1.4/Reference/JavaScript/constructor"><code><span class="mtk17">Navigation</span>.<span class="mtk19">MODE</span>.<span class="mtk19">REPLACE</span></code></a> makes this perform the same operation as <code class="mtk19">AFTERBEGIN</code>.</p>
</section>
<section class="md param">
<h2><code class="mtk19">AFTERBEGIN</code></h2>
<p><a href="/docs/v3.1.4/Reference/JavaScript/MODE">Inserts/replaces</a> the DOM <strong>right after opening</strong> the <a href="/docs/v3.1.4/Reference/JavaScript/navigate#target"><code>target</code></a> element with the contents of <a href="/docs/v3.1.4/Reference/JavaScript/constructor"><code>href</code></a> from a <a href="/docs/v3.1.4/Reference/JavaScript/constructor"><code class="mtk17">Navigation</code></a> instance.</p>
<p><a href="/docs/v3.1.4/Reference/JavaScript/constructor"><code><span class="mtk17">Navigation</span>.<span class="mtk19">MODE</span>.<span class="mtk19">REPLACE</span></code></a> makes this perform the same operation as <code class="mtk19">BEFOREEND</code>.</p>
</section>
<section class="md param">
<h2><code class="mtk19">BEFOREBEGIN</code></h2>
<p><a href="/docs/v3.1.4/Reference/JavaScript/MODE">Inserts/replaces</a> the DOM <strong>before</strong> the <a href="/docs/v3.1.4/Reference/JavaScript/navigate#target"><code>target</code></a> element with the contents of <a href="/docs/v3.1.4/Reference/JavaScript/constructor"><code>href</code></a> from a <a href="/docs/v3.1.4/Reference/JavaScript/constructor"><code class="mtk17">Navigation</code></a> instance.</p>
</section>
<hr>
<section>
<h1>Examples</h1>
</section>
<section>
<p>No examples available.</p>
</section>
</main>