كيف يمكن رؤية محتوى عنصر 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

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية