JavaScript ga Kirish

JavaScript ga Kirish


JavaScript ga kirish

Bu darsda JavaScipt nimalar qila olishiga bir nechta misollar ko'rib chiqamiz.


JavaScript HTML ichidagi ma'lumotni o'zgartirishi mumkin.

JavaScript HTML metodlaridan biri getElementById() ni ko'rib chiqamiz.

Quyidagi misolda bu metod yordamida "hidden" id li HTML elementini topib uni ichidagi ma'lumotni innerHTML orqali "Salom JavaScript." ga o'zgartirildi.

Namuna:

O'zingni Sinab Ko'r
document.getElementById("hidden").innetHTML = "Salom JavaScript!"

JavaScript HTML atributlarini o'zgartirishga ishlatilishi mumkin

Quyidagi misolda tegining src(source) atributi o'zgartirilgan

Namuna:

O'zingni Sinab Ko'r



JavaSript HTML stillarini o'zgartirishi mumkin.

HTML elementi stilini o'zgartirish HTML atributini o'zgartirishning bir turi hisoblanadi

Namuna:

O'zingni Sinab Ko'r
document.getElementById("hidden").style.fontSize = "25px";

JavaScript HTML elementlarini yashirishi mumkin.

HTML elementlarini yashirish display stilini o'zgartirish orqali amalga oshiriladi.

Namuna:

O'zingni Sinab Ko'r
document.getElementById("hidden").style.display="none";

JavaScript HTML elementlarini ko'rsatishi mumkin.

HTML elementlarini yashirish ham display stilini o'zgartirish orqali amalga oshiriladi.

Namuna:

O'zingni Sinab Ko'r
document.getElementById("hidden").style.display="block";

Innovative Lab web sahifasiga xush kelibsiz biz bilan birga IT sohasidagi o'z bilimlaringizni bosqichma-bosqich oshirib boring!


Telegram kanalimizdan kunlik darslarni o'rganing  

TOSHKENT SHAHRIDAGI INHA UNIVERSITETI - 2017