JavaScript — как применить свойства CSS на флажок при нажатии

как применить свойства CSS на флажок при нажатии

Возможно, вы хотите переключить класс, и вот пример, если это так.

 {amp}lt;style{amp}gt; .mystyle { font-size: 25px; } {amp}lt;/style{amp}gt; {amp}lt;div onClick='this.classList.toggle("mystyle");'{amp}gt; example1 {amp}lt;/div{amp}gt; 

или, возможно, добавить класс к объекту, который вы щелкнули.

 {amp}lt;style{amp}gt; .mystyle { font-size: 25px; } {amp}lt;/style{amp}gt; {amp}lt;div onClick='this.classList.add("mystyle");'{amp}gt; example2 {amp}lt;/div{amp}gt; 

или, если вы действительно хотите контролировать, вы можете отправить объект, на который нажали, функцию и манипулировать ею там, как вам нравится.

 {amp}lt;div onClick='myFn(this);'{amp}gt; example3 {amp}lt;/div{amp}gt; {amp}lt;script{amp}gt; function myFn(that) { that.style.color = "blue"; that.innerHTML = 'You clicked me!'; } {amp}lt;/script{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector