📌 Kirish

Bu darsda setAttribute() va getAttribute() metodlari bilan ishlashni o‘rganamiz. Ushbu metodlar HTML elementlariga yangi atribut qo‘shish yoki mavjud atributlarni olish uchun ishlatiladi.

🎯 1. setAttribute() metodi

✅ setAttribute(name, value) metodi elementga yangi atribut qo‘shadi yoki mavjud atributning qiymatini o‘zgartiradi.

let btn = document.getElementById("myButton");
btn.setAttribute("class", "btn-primary"); // Elementga class qo‘shish
btn.setAttribute("disabled", "true"); // Tugmani o‘chirib qo‘yish

📌 Vazifa:

• Matn yozilgan elementga yangi id atributi qo‘shing.
• Rasm elementining src atributini almashtiring.

🎯 2. getAttribute() metodi

✅ getAttribute(name) metodi elementning atribut qiymatini qaytaradi.

let link = document.getElementById("myLink");
let hrefValue = link.getAttribute("href");
console.log(hrefValue); // Elementning href qiymatini chiqaradi

📌 Vazifa:

• Elementning class atributini olib, konsolga chiqaruvchi kod yozing.
• Formadagi input maydonining name atributini oling.

🎯 3. Amaliy mashqlar

✅ Quyidagi vazifalarni bajaring:

// Element yaratish va unga atribut qo‘shish
let img = document.createElement("img");
img.setAttribute("src", "image.jpg");
img.setAttribute("alt", "Tasvir");
document.body.appendChild(img);

// Elementdan atribut olish
console.log(img.getAttribute("src"));