Latest web development tutorials

مسج إضافة عناصر

بواسطة مسج، يمكنك بسهولة إضافة عناصر جديدة / المحتوى.

إضافة محتوى HTML جديد

سوف نتعلم لإضافة محتوى جديد لمدة أربعة طريقة مسج:

  • إلحاق () - أدخل في نهاية العنصر المحدد
  • أرفقت () - أدخل في بداية العنصر المحدد
  • بعد () - أدخل بعد أن العناصر المختارة
  • قبل () - أدخل العناصر قبل اختيار

مسج إلحاقي) طريقة (

طريقة مسج إلحاقي () إدراج محتويات في نهاية العنصر المحدد.

أمثلة

. $ ( "P") إلحاق ( " إلحاق النص")؛

محاولة »

مسج أرفقت) طريقة (

طريقة مسج أرفقت () إدراج محتويات في بداية العنصر المحدد.

أمثلة

. $ ( "P") أرفقت ( " إلحاق النص في بداية")؛

محاولة »

إضافة عدة عناصر جديدة من إلحاق () وأرفقت () طريقة

في المثال أعلاه، نحن فقط في بداية العنصر / نهاية إدراج نص / HTML المحدد.

ومع ذلك، إلحاق () وأرفقت () الطريقة يمكن الحصول على عدد غير محدود من العناصر الجديدة من قبل المعلمة. يمكنك إنشاء نص / HTML (كما في المثال أعلاه) من خلال مسج، أو من خلال شفرة جافا سكريبت وعناصر DOM.

في المثال التالي، ونحن خلق عدة عناصر جديدة. يمكن إنشاء هذه العناصر باستخدام النص / HTML، مسج أو جافا سكريبت / DOM. ثم فإننا نضيف طريقة () من هذه العناصر الجديدة التي أضيفت إلى النص (على أرفقت () نفس القدر من الفعالية):

أمثلة

وظيفة appendText () { فار txt1 = "<P> النص </ P>"؛ // إنشاء النص باستخدام علامات HTML فار . txt2 = $ ( "<P > </ P>") النص ( " النص.")؛ // إنشاء النص باستخدام مسج فار . txt3 = ثيقة createElement ( "ص ") ؛. txt3 HTML داخلي = " النص"؛ // إنشاء النص باستخدام النص مع DOM DOM $ ( "الهيئة") إلحاقي ( txt1، txt2، txt3) ؛. // إلحاق العنصر الجديد }

محاولة »

مسج بعد () وقبل () طريقة

طريقة مسج بعد () لإدراج المحتوى بعد العنصر المحدد.

مسج قبل () طريقة قبل الإدراج العنصر المحدد.

أمثلة

$ ( "yourcolor.net و") بعد ( " بعد إضافة نص") ؛. $ ( "yourcolor.net و ") من قبل ( " إضافة نص في الجبهة")؛

محاولة »

من خلال إضافة عدد من العناصر الجديدة بعد () وقبل () طريقة

بعد () وقبل () الطريقة يمكن الحصول على عدد غير محدود من العناصر الجديدة من قبل المعلمة. يمكنك إنشاء عناصر جديدة من خلال النص / HTML، مسج أو جافا سكريبت / DOM.

في المثال التالي، ونحن خلق عدة عناصر جديدة. يمكن إنشاء هذه العناصر باستخدام النص / HTML، مسج أو جافا سكريبت / DOM. نحن ثم بعد () طرق هذه العناصر الجديدة في النص (من قبل () نفس القدر من الفعالية):

أمثلة

وظيفة afterText () { فار txt1 = "<ب> أنا < / B>"؛ // خلق العناصر باستخدام HTML فار txt2 = $ ( "<ط> </ I>") النص ( "الحب") ؛. // خلق العناصر باستخدام مسج فار txt3 = ثيقة createElement ( "الكبير" ) ؛. // خلق العناصر باستخدام DOM txt3 HTML داخلي = "مسج!". . $ ( "IMG") بعد (txt1، txt2، txt3) ؛. // إضافة نص في الصورة }

محاولة »