دک٠٠بستÙâØ´Ø¯Ù Ø§Ø¶Ø§ÙÙ Ú©ÙÛØ¯
ÙÛØ³ØªÛ از Ù¾ÛØ§Ù âÙØ§ Ù ÙØ¬Ùد است.
با Ø§Ø³ØªÙØ§Ø¯Ù از Ø¬Ø§ÙØ§Ø§Ø³Ú©Ø±Ûپت ÛÚ© Ø¯Ú©Ù Ù Ø¨Ø³ØªÙ Ø¨Ù Ú¯ÙØ´Ù Ø¨Ø§ÙØ§ راست ÙØ± Ù¾ÛØ§Ù اضاÙÙ Ú©ÙÛØ¯.
ÙØªÛØ¬Ù Ø¨Ø§ÛØ¯ ÚÙÛÙ ÚÛØ²Û باشد:
Ø¨Ø±Ø§Û Ø§Ø¶Ø§Ù٠کرد٠دکÙ
Ù Ù
ÛâØªÙØ§ÙÛÙ
از position:absoulute (٠رÙÛ pane از position:relative Ø§Ø³ØªÙØ§Ø¯Ù Ú©ÙÛÙ
) ÛØ§ اÛÙک٠از float:right Ø§Ø³ØªÙØ§Ø¯Ù Ú©ÙÛÙ
. Ø§Ø³ØªÙØ§Ø¯Ù از float:right اÛÙ Ù
Ø²ÛØª را دارد ک٠دکÙ
Ù ÙÛÚâÙÙØª رÙÛ Ù
ØªÙ ÙØ±Ø§Ø± ÙÙ
ÛÚ¯ÛØ±Ø¯. اÙ
ا position:absolute Ø§Ø²Ø§Ø¯Û Ø¹Ù
Ù Ø¨ÛØ´ØªØ±Û در Ø§Ø®ØªÛØ§Ø± Ù
ا Ù
Ûâگذار. Ø§ÙØªØ®Ø§Ø¨ بر Ø¹ÙØ¯Ù Ø´Ù
است.
بعد Ø¨Ø±Ø§Û ÙØ± Ù¾ÛØ§Ù کد ÚÛØ²Û شبÛ٠اÛÙ Ø®ÙØ§Ùد Ø¨ÙØ¯:
pane.insertAdjacentHTML("afterbegin", '<button class="remove-button">[x]</button>');
سپس <button> ÙÙ
ا٠pane.firstChild Ù
ÛâØ´ÙØ¯. پس Ù
ÛâØªÙØ§ÙÛÙ
ÛÚ© Ú©ÙØªØ±ÙâÚ©ÙÙØ¯Ù ب٠آ٠اختصاص دÙÛÙ
. Ù
اÙÙØ¯ Ø²ÛØ±:
pane.firstChild.onclick = () => pane.remove();