في الماضي، تم استخدام طريقتيInnerHTML وInnerText لإضافة محتوى HTML ومحتوى نصي. ومؤخرًا، اكتشفت أن هناك أيضًا طريقتين InsertAdjacentHTML وinsertAdjacentText أكثر مرونة ويمكنهما إدراج محتوى HTML ومحتوى نصي في أماكن محددة.
طريقة InsertAdjacentHTML: أدخل عبارة علامة html في المكان المحدد
النموذج الأولي: InsertAdajcentHTML(swhere,stext)
المعلمات:
swhere: حدد المكان لإدراج عبارة علامة html هناك أربع قيم متاحة:
1. beforeBegin: أدخل قبل بداية العلامة
2. afterBegin: أدخل بعد علامة البداية للعلامة
3. beforeEnd: أدخل قبل علامة النهاية للعلامة
4. afterEnd: أدخل بعد علامة النهاية لنص العلامة
: المحتوى المراد إدراجه
DEOM:
<html>
<head >
<script language="javascript">
function myfun ()
{
var obj = document.getElementById("btn1");
obj.insertAdjacentHTML("afterEnd"،<br><input name="txt1">") }
</script>
</head>
< body>
<input name = "txt">
<input id=
"btn1" name = "btn1" type = "button" value = "المزيد ..." onclick = "myfun" ()">
</body>
</ html>