Sinf qo‘shish


JavaScript yordamida elementga sinf nomini qo‘shishni o‘rganing.


Menga sinf qo‘shish uchun tugmani bosing!

ULASHISH

Sinf qo‘shish

1-qadam) HTML qo‘shing:

id="myDIV" bo‘lgan div elementiga sinf nomini qo‘shing (bu misolda sinfni qo‘shish uchun tugmadan foydalanamiz).

Misol

<button onclick="myFunction()">Try it</button> <div id="myDIV">   This is a DIV element. </div>

2-qadam) CSS qo‘shing:

Ko‘rsatilgan sinf nomi uchun stil yozing:

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 unga "mystyle" sinfini qo‘shing:

Misol

function myFunction() {   var element = document.getElementById("myDIV");   element.classList.add("mystyle"); }
O‘zingiz sinab ko‘ring »

Maslahat: Shuningdek, Sinf qanday almashtiriladi (toggle) sahifasiga qarang.

Maslahat: Shuningdek, Sinf qanday olib tashlanadi sahifasiga qarang.

Maslahat: classList xususiyati haqida JavaScript ma’lumotnomamizda batafsil bilib oling.

Maslahat: className xususiyati haqida JavaScript ma’lumotnomamizda batafsil bilib oling.


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!