كيف يمكن رؤية محتوى عنصر HTML بعد انشاءه والتعديل عليه عن طريق الجافاسكربت؟

Mohammed Hhhh · 5 أغسطس 2022

لماذا لم تضاف ال a الى الأ[ li

let li = document.createElement('li') ;

li.className = "new_li" ;
li.setAttribute("style","background-color: red ;") ; 
li.appendChild(document.createTextNode("hello iam mohammed"))
// append child to li 

let a = document.createElement('a');
a.innerHTML = `<p>mohammed is dev</p>`
li.appendChild(a);  

console.log(li);

Adnane Kadri · 5 أغسطس 2022

هي مضافة بالفعل، أنت لم تقم بحقن الناتج الى عنصر body لتختبر الناتج فقط. جرب تحديد body واضافة العنصر li اليه وسترى انها مضافة.

li.appendChild(a);

document.body.appendChild(li);

console.log(li);

يمكنك ايضا طباعة محتوى ال HTML الخاص بالعنصر li لرؤية الناتج:

a.innerHTML = `<p>mohammed is dev</p>`
li.appendChild(a);

console.log(li.innerHTML);

لأن طباعة li مباشرة ستعطي كائنا عن الصنف HTMLLIElement فقط.

Mohammed Hhhh · 5 أغسطس 2022

بتاريخ 19 دقائق مضت قال Adnane Kadri:
هي مضافة بالفعل، أنت لم تقم بحقن الناتج الى عنصر body لتختبر الناتج فقط. جرب تحديد body واضافة العنصر li اليه وسترى انها مضافة.
li.appendChild(a);

document.body.appendChild(li);

console.log(li);
يمكنك ايضا طباعة محتوى ال HTML الخاص بالعنصر li لرؤية الناتج:
a.innerHTML = `<p>mohammed is dev</p>`
li.appendChild(a);

console.log(li.innerHTML);
لأن طباعة li مباشرة ستعطي كائنا عن الصنف HTMLLIElement فقط.

اذا لماذا في هذه الصوره نجحت الطريقه

Adnane Kadri · 5 أغسطس 2022

بتاريخ 5 دقائق مضت قال Mohammmed Mahmoud:

اذا لماذا في هذه الصوره نجحت الطريقه

لأنه تم حقن عنصر li في عنصر ul.collection . في السطر 25 . يعني انه سيمكن استعراض الناتج بشكل عادي

كيف يمكن رؤية محتوى عنصر HTML بعد انشاءه والتعديل عليه عن طريق الجافاسكربت؟

السؤال

Mohammed Hhhh

رابط هذا التعليق

شارك على الشبكات الإجتماعية

3 أجوبة على هذا السؤال

Recommended Posts

Adnane Kadri

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Mohammed Hhhh

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Adnane Kadri

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية