{HTML の要素}{SVG}=}(2)
{〈strong〉}{HTML の要素}=}(2)
{〈script〉}{HTML の要素}{素描}=}(3)
{Aejs}{insertAdjacentHTML()}{希哲13年8月12日の開発}{希哲13年8月12日}{記法}{HTML の要素}=}(6)

{要素位置記法 K#F85E/5B28-E380}

特定 HTML 要素の直前（beforebegin），要素内の先頭（afterbegin），要素内の末尾（beforeend），要素の直後（afterend），という4つの位置を簡略に表現出来る記法。希哲13年（2019年）8月12日，Aejs のために宇田川浩行が考案。

HTML タグを模しつつ方向を表す記号を兼ねた <, >, </, /> を使う。 

<!-- (1) beforebegin -->
<div>
<!-- (2) afterbegin -->
各要素位置
<!-- (3) beforeend -->
</div>
<!-- (4) afterend -->

要素 div に HTML 素出（ソース） html を挿入したい時，標準的な JavaScript では以下のように記述する。 

div.insertAdjacentHTML( 'beforebegin', html );  // (1) に挿入
div.insertAdjacentHTML( 'afterbegin', html );   // (2) に挿入
div.insertAdjacentHTML( 'beforeend', html );    // (3) に挿入
div.insertAdjacentHTML( 'afterend', html );     // (4) に挿入

Aejs では以下のように記述する。 

div.ins( '<', html );   // (1) に挿入
div.ins( '>', html );   // (2) に挿入
div.ins( '</', html );  // (3) に挿入
div.ins( '/>', html );  // (4) に挿入
=}(10){JavaScript の beforebegin，afterbegin，beforeend，afterend に代わる要素位置記法}{あれ}{希哲13年9月4日の開発}{希哲13年9月4日12歩}{@elm.xl_pos()}{@elm.sgn_pos}{insertAdjacentHTML()}{希哲13年8月12日12歩}{希哲13年8月12日11歩}{あれ}
{li}{HTML の要素}=}(2)
{〈main〉}{要素}{HTML の要素}=}(3)
{インライン要素}{HTML の要素}{img}{素描}=}(4)
{〈input〉}{HTML の要素}{素描}=}(3)
{インライン要素}{アンカーテキスト}{アンカー}{HTML の要素}{素描}=}(5)
{段落要素}{p}{HTML の要素}=}(3)
{HTML の要素}

{}