Sinfni almashtirish
JavaScript yordamida elementga sinf nomini qo‘shish va undan olib tashlash o‘rtasida almashtiring.
Sinf nomini almashtirish uchun tugmani bosing!
Sinfni almashtirish (toggle class)
1-qadam) HTML qo‘shing:
id="myDIV" bo‘lgan div elementiga sinf nomini qo‘shish va olib tashlashni almashtiring (bu misolda sinf nomini almashtirish uchun tugmadan foydalanamiz).
Misol
<button onclick="myFunction()">Try it</button>
<div id="myDIV">
This is a DIV element.
</div>
2-qadam) CSS qo‘shing:
Almashtiriladigan sinf nomini qo‘shing:
Misol
.mystyle {
width: 100%;
padding: 25px;
background-color: coral;
color: white;
font-size: 25px;
}
3-qadam) JavaScript qo‘shing:
id="myDIV" bo‘lgan <div> elementini oling va "mystyle" sinfini almashtiring:
Misol
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.toggle("mystyle");
}
O‘zingiz sinab ko‘ring »
Maslahat: Shuningdek, Sinf qanday qo‘shiladi sahifasiga qarang.
Maslahat: Shuningdek, Sinf qanday olib tashlanadi sahifasiga qarang.
Maslahat: classList xususiyati haqida JavaScript ma’lumotnomamizda batafsil bilib oling.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!