هل يمكناخباري ما سبب هذا الخطأ؟ لدي 2 بوتون يعملون نفس الوظيفة ونفس الكود لكن مجرد تغير لاسم القائمة لانه واحد خاص بالقائمة لليمين والاخر لليسار ، المشكلة انه البوتون لليسار يعمل بشكل جيد اما اليمن لا فيعمل بشكل صحيح الا اذا نقرت عليه بعد تحديث الصفحة وبعدها اذا اردت استخدامه مرة اخرى يظهر لي الخطا التالي ولا اعلم السبب
Uncaught TypeError: Cannot read properties of undefined (reading 'style')
at HTMLSpanElement.<anonymous> (script.js:165:29)
هذا هو الكود
function subL()
{
let list_1L = document.getElementById('list_li1_lL');
let list_2L = document.getElementById('list_li2_L');
let user_skil = document.getElementById('user_skil').value;
let data = document.createTextNode(user_skil);
let li = document.createElement("LI");
li.appendChild(data);
list_1L.appendChild(li);
let data2 = document.createTextNode(user_skil);
let li2 = document.createElement("LI");
li2.appendChild(data2);
list_2L.appendChild(li2);
let myspan1 = document.createElement('span')
myspan1.innerHTML="x";
li.appendChild(myspan1);
let delete_skil1 = document.querySelectorAll('span');
for(let i=0; i<delete_skil1.length;i++){
delete_skil1[i].addEventListener('click', ()=>{
delete_skil1[i].parentElement.style.display ="none";
list_2L.children[i].style.display="none";
})
}
}
///////////////////////////////////////////
function subR()
{
let list_1L = document.getElementById('list_li1_R');
let list_2L = document.getElementById('list_li2_R');
let user_skil = document.getElementById('user_skil1').value;
let data = document.createTextNode(user_skil);
let li = document.createElement("LI");
li.appendChild(data);
list_1L.appendChild(li);
let data2 = document.createTextNode(user_skil);
let li2 = document.createElement("LI");
li2.appendChild(data2);
list_2L.appendChild(li2);
let myspan1 = document.createElement('span')
myspan1.innerHTML="x";
li.appendChild(myspan1);
let delete_skil1 = document.querySelectorAll('span');
for(let i=0; i<delete_skil1.length;i++){
delete_skil1[i].addEventListener('click', ()=>{
delete_skil1[i].parentElement.style.display ="none";
list_2L.children[i].style.display="none";
})
}
}
السؤال
Shahad Mohammad
هل يمكناخباري ما سبب هذا الخطأ؟ لدي 2 بوتون يعملون نفس الوظيفة ونفس الكود لكن مجرد تغير لاسم القائمة لانه واحد خاص بالقائمة لليمين والاخر لليسار ، المشكلة انه البوتون لليسار يعمل بشكل جيد اما اليمن لا فيعمل بشكل صحيح الا اذا نقرت عليه بعد تحديث الصفحة وبعدها اذا اردت استخدامه مرة اخرى يظهر لي الخطا التالي ولا اعلم السبب
هذا هو الكود
رابط هذا التعليق
شارك على الشبكات الإجتماعية
9 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.