0

جلب عنصر معين وطباعته

السلام عليكم

لدي بالصفحة عنصر يحمل اي دي معين ولا يمكن تحريكه

واريد بالجافا سكربت او الجي كويري

طباعته بالاسفل حاولت بعنصر getElementById ان اجلبه لكن فشلت لان لي مدة طويله لم ابرمج

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

التعليقات

0
Hydrh أضف ردا

للرفع

@waelaljamal

1
waelaljamal أضف ردا

أهلا بك

أرجو توضيح الشيفرة البرمجية و مشاركتها، و لم أفهم الحركة كيف تريدها.

0
Hydrh أضف ردا

يعطيك العافية

مثال

لدي زر تنبيهات باحدى مواقعي

وهذا الزر لايوجد له كود اتحكم فيه

ومكانه خاطئ

فاريد جلبه بالجافاسكربت او نقله في المكان الذي اريد

0
waelaljamal أضف ردا

ألاينفع نقله أو تحديد مكانه بواسطة css? حاول إعطاءه position absolute ويمكنك نقله أينما تريد..

أحتاج لجزء من الشيفرة و صورة أو تصميم توضيحي لمكان نقل العنصر لأحاول مساعدتك بشكل أفضل

0
Hydrh أضف ردا

للاسف الموقع يتغير حجمه ومقاسه فلن تجدي نفعا خاصية position

وساعطيك مثال في موقع حسوب هنالك هيدر له الكلاس hsoub-header

فاريد استدعاءه بالكامل عن طريق الجافا واخبر الجافا ان تطبعه لي داخل ديف وليكن

<div class="get"></div>

فبمجرد ان اضع الديف هذا اريد ان يجلب بداخله الهيدر

اتمنى ان تكون فهمت

1
waelaljamal أضف ردا

يوجد دالة في جافاسكربت تدعى insertAdjacentHTML نطبقها على العنصر الأب وهي تاخذ وسيطين، الأول هو موضع حقن العنصر الابن مثل قبل او بعد او قبل نهاية الأب .. وهم ("beforebegin", "afterbegin", "beforeend", "afterend")

فيكون مثالك بالشكل التالي:

let parent = document.getElementByClassName('get')[0]; // جلب عن طريق اسم الصنف يعيد مصفوفة
parent.insertAdjacentHTML('beforeend', '<div id="header"> my header</div>');
0
Hydrh أضف ردا

شكرا لك اول ما استخدم الكمبيوتر ساجرب الكود وانا منتن وشاكر لك احرجتني الصراحه وباذن الله لك دعوة في ظهر الغيب جزاك الله خيرا

0
Hydrh أضف ردا

للاسف لم يعمل معي او قد اكون لم استخدمه بالشكل الصحيح

وجدت مثال حي وهذا ما اريده :

انظر اضغط على زر Try it سينقل لك العنصر كما هو لكن عبارة عن نص فقط

انا اريد مثله بالضبط لكن ينقله كما هو بتنسيقاته ul,li ، اتمنى تكون فهمت

0
Hydrh أضف ردا

استبدلت previousSibling

بparentElement ، والحمدلله انتقلت بتنسيقات html ، ساقوم ببرمجة كود بسيط واتواصل معك ان لم يضبط معي شاكر لك ومقدر جهودك

0
Hydrh أضف ردا

أحب اشكرك أخي @waelaljamal وابلغك بأنني استطعت ولله الحمد حل المشكله وجلب العنصر الذي اريد وهذا الكود :

<p class="demo" id="demo">
	Hi Wolrd 
</p>
<script>
   var get = document.getElementsByClassName("demo")[0].innerHTML; 
   document.write(get);
</script>

وأريد مساعدتك ايضا في مشكله أخرى ... سأضع موضوعا واناديك بوسم

0
waelaljamal أضف ردا

أهلا بك،

أنا أتابع معظم مجتمعات البرمجة و أجيب على الأسئلة البرمجية، يمكنك طرحهم كل سؤال في مساهمة ليستفيد الجميع

بالتوفيق