يوفر dhtml طريقتين للإضافة، InsertAdjacentHTML وinsertAdjacentText
طريقة InsertAdjacentHTML: أدخل عبارة علامة html في المكان المحدد.
النموذج الأولي: InsertAdjacentHTML(swhere,stext)
المعلمة:
swhere: يحدد المكان الذي يتم فيه إدراج عبارات علامة html. هناك أربع قيم متاحة:
1.beforeBegin: أدخل قبل بداية التسمية
2.afterBegin: أدخل بعد علامة بدء التسمية
3.beforeEnd: أدخل قبل علامة النهاية للعلامة
4.afterEnd: أدخل بعد علامة نهاية الملصق
النص: المحتوى الذي سيتم إدراجه
مثال:
انسخ رمز الكود كما يلي:
var sHTML="<input type=button go2()" + " value='انقر فوقي'><BR>"
فار sScript='<تأجيل البرنامج النصي>'
sScript = sScript + 'function go2(){ تنبيه ("مرحبًا من البرنامج النصي المدرج.") }'
sScript = sScript + '</script' + '>';
ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
أضف سطرًا إلى نص html:
<DIV ID="ScriptDiv"></Div>
في النهاية يصبح:
انسخ رمز الكود كما يلي:
<معرف DIV = "ScriptDiv">
<input type=button onclick=go2() value='انقر فوقي'><BR>
<تأجيل البرنامج النصي>
الدالة go2(){alert("مرحبًا من sctipt المدرج.")}'
</script>
</DIV>
تشبه طريقة InsertAdjacentText طريقة InsertAdjacentHTML، باستثناء أنها يمكنها فقط إدراج نص عادي ولها نفس المعلمات.
هاتان السمتان قابلتان للتطبيق تمامًا، خاصة في الرسم والأماكن الأخرى، وتتمثل ميزتهما في أنهما لن تحلا محل المحتوى الأصلي. لنفترض أن هناك DIV يحتوي بالفعل على محتوى فيه المحتوى الأصلي، لذلك يعد هذا أمرًا مهمًا جدًا في هذا الوقت، حيث سيقوم InternalHTML بالكتابة فوق المحتوى الأصلي.
يمكن لكل HTML الذي يظهر في أزواج استخدام هذه السمة، وهي نفس السمة الداخلية، على سبيل المثال، <body>..</body>، <div>....</div>، وما إلى ذلك، جميعها تحتوي على هاتين السمتين. .
الملحق: لقد جربته للتو، وسمة InternalHTML قابلة للقراءة والكتابة، وكنت أعرف أن InternalHTML يمكنه إدراج محتوى في العقد، ولكن هذه السمة قابلة للقراءة أيضًا، مما يعني أن InternalHTML يحفظ محتوى العقدة افهمها بالكامل باتباع الكود التالي:
انسخ رمز الكود كما يلي:
<أتش تي أم أل>
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>مستند بدون عنوان</title>
</الرأس>
<الجسم>
مكان safdsdaf في الوقت المحدد
<لغة البرمجة = "جافا سكريبت">
تنبيه (document.body.innerText)
</script>
</الجسم>
</html>
ما ورد أعلاه هو الكود الذي قمت بإرساله إلى الآخرين، وسأضيف بضعة أسطر أخرى من الكود أدناه، وهو أيضًا كلاسيكي جدًا.
انسخ رمز الكود كما يلي:
<script language="javascript" type="text/javascript">
وظيفة addFile ()
{
var filebutton = '<br><input type="file" size="50" name="File" />';
document.getElementByIdx('FileList').insertAdjacentHTML("beforeEnd",filebutton);
}
</script>
ما ورد أعلاه هو البرنامج النصي الموجود في الرأس، وما يلي هو كود html الموجود في النص:
انسخ رمز الكود كما يلي:
<p id="قائمة الملفات">
<نوع الإدخال = "ملف" runat = "الخادم" الحجم = "50" اسم = "ملف"/>
</ص>
يمكنك رؤية التأثير عن طريق نسخ الكود في ملف وحفظه بصيغة html.