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

السلام عليكم

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

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

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

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

التعليقات

للرفع

@waelaljamal

أهلا بك

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

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

مثال

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

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

ومكانه خاطئ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

استبدلت previousSibling

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

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

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

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

أهلا بك،

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

بالتوفيق