[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/ru/docs/Web/API/Element/className [Back]  [Original]
Element.className - API | MDN
HTML

HTML: Markup language

HTML reference
HTML guides
Markup languages
CSS

CSS: Styling language

CSS reference
CSS guides
Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference
JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference
Web API guides
All

All web technology

Technologies
Topics
Learn

Learn web development

Frontend developer course
Learn HTML
Learn CSS
Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Toggle sidebar
  1. -
  2. API
  3. Element
  4. Element.className
Theme
  • OS default
  • Light
  • Dark
Remember language Learn more

This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

Element.className

Baseline Widely available

This feature is well established and works across many devices and browser versions. Its been available across browsers since 2015 ..

className class .

: , className . element.classList - .

In this article

var cName = elem.className;
elem.className = cName;
  • cName - . , .

<div class="booble example"> </div>
js
var elm = document.querySelector("div");

alert(elm.className); //"booble example"

elm.className = "class1 class2 class3";
alert(elm.className); //"class1 class2 class3"

: className - , , DOM, class *.*

Help improve MDN

Was this page helpful to you?
Yes No
Learn how to contribute

This page was last modified on 17 . 2024 . by MDN contributors.

View this page on GitHub Report a problem with this content
Clear filter input
  1. DOM
  2. Element
    1. activeViewTransition
    2. ariaActiveDescendantElement
    3. ariaAtomic
    4. ariaAutoComplete
    5. ariaBrailleLabel
    6. ariaBrailleRoleDescription
    7. ariaBusy
    8. ariaChecked
    9. ariaColCount
    10. ariaColIndex
    11. ariaColIndexText
    12. ariaColSpan
    13. ariaControlsElements
    14. ariaCurrent
    15. ariaDescribedByElements
    16. ariaDescription
    17. ariaDetailsElements
    18. ariaDisabled
    19. ariaErrorMessageElements
    20. ariaExpanded
    21. ariaFlowToElements
    22. ariaHasPopup
    23. ariaHidden
    24. ariaInvalid
    25. ariaKeyShortcuts
    26. ariaLabel
    27. ariaLabelledByElements
    28. ariaLevel
    29. ariaLive
    30. ariaModal
    31. ariaMultiLine
    32. ariaMultiSelectable
    33. ariaOrientation
    34. ariaOwnsElements
    35. ariaPlaceholder
    36. ariaPosInSet
    37. ariaPressed
    38. ariaReadOnly
    39. ariaRelevant
    40. ariaRequired
    41. ariaRoleDescription
    42. ariaRowCount
    43. ariaRowIndex
    44. ariaRowIndexText
    45. ariaRowSpan
    46. ariaSelected
    47. ariaSetSize
    48. ariaSort
    49. ariaValueMax
    50. ariaValueMin
    51. ariaValueNow
    52. ariaValueText
    53. assignedSlot
    54. attributes
    55. childElementCount
    56. children
    57. classList
    58. className
    59. clientHeight
    60. clientLeft
    61. clientTop
    62. clientWidth
    63. currentCSSZoom
    64. customElementRegistry
    65. elementTiming
    66. firstElementChild
    67. id
    68. innerHTML
    69. lastElementChild
    70. localName
    71. namespaceURI
    72. nextElementSibling
    73. outerHTML
    74. part
    75. prefix
    76. previousElementSibling
    77. role
    78. scrollHeight
    79. scrollLeft
    80. scrollLeftMax
    81. scrollTop
    82. scrollTopMax
    83. scrollWidth
    84. shadowRoot
    85. slot
    86. tagName
    1. after()
    2. animate()
    3. append()
    4. ariaNotify()
    5. attachShadow()
    6. before()
    7. checkVisibility()
    8. closest()
    9. computedStyleMap()
    10. getAnimations()
    11. getAttribute()
    12. getAttributeNames()
    13. getAttributeNode()
    14. getAttributeNodeNS()
    15. getAttributeNS()
    16. getBoundingClientRect()
    17. getClientRects()
    18. getElementsByClassName()
    19. getElementsByTagName()
    20. getElementsByTagNameNS()
    21. getHTML()
    22. hasAttribute()
    23. hasAttributeNS()
    24. hasAttributes()
    25. hasPointerCapture()
    26. insertAdjacentElement()
    27. insertAdjacentHTML()
    28. insertAdjacentText()
    29. matches()
    30. moveBefore()
    31. prepend()
    32. pseudo()
    33. querySelector()
    34. querySelectorAll()
    35. releasePointerCapture()
    36. remove()
    37. removeAttribute()
    38. removeAttributeNode()
    39. removeAttributeNS()
    40. replaceChildren()
    41. replaceWith()
    42. requestFullscreen()
    43. requestPointerLock()
    44. scroll()
    45. scrollBy()
    46. scrollIntoView()
    47. scrollIntoViewIfNeeded()
    48. scrollTo()
    49. setAttribute()
    50. setAttributeNode()
    51. setAttributeNodeNS()
    52. setAttributeNS()
    53. setCapture()
    54. setHTML()
    55. setHTMLUnsafe()
    56. setPointerCapture()
    57. startViewTransition()
    58. toggleAttribute()
    1. afterscriptexecute
    2. animationcancel
    3. animationend
    4. animationiteration
    5. animationstart
    6. auxclick
    7. beforeinput
    8. beforematch
    9. beforescriptexecute
    10. beforexrselect
    11. blur
    12. click
    13. compositionend
    14. compositionstart
    15. compositionupdate
    16. contentvisibilityautostatechange
    17. contextmenu
    18. copy
    19. cut
    20. dblclick
    21. DOMActivate
    22. DOMMouseScroll
    23. focus
    24. focusin
    25. focusout
    26. fullscreenchange
    27. fullscreenerror
    28. gesturechange
    29. gestureend
    30. gesturestart
    31. gotpointercapture
    32. input
    33. keydown
    34. keypress
    35. keyup
    36. lostpointercapture
    37. mousedown
    38. mouseenter
    39. mouseleave
    40. mousemove
    41. mouseout
    42. mouseover
    43. mouseup
    44. mousewheel
    45. MozMousePixelScroll
    46. paste
    47. pointercancel
    48. pointerdown
    49. pointerenter
    50. pointerleave
    51. pointermove
    52. pointerout
    53. pointerover
    54. pointerrawupdate
    55. pointerup
    56. scroll
    57. scrollend
    58. scrollsnapchange
    59. scrollsnapchanging
    60. securitypolicyviolation
    61. touchcancel
    62. touchend
    63. touchmove
    64. touchstart
    65. transitioncancel
    66. transitionend
    67. transitionrun
    68. transitionstart
    69. webkitmouseforcechanged
    70. webkitmouseforcedown
    71. webkitmouseforceup
    72. webkitmouseforcewillbegin
    73. wheel
    1. Node
    2. EventTarget
  7. DOM
    1. AbortController
    2. AbortSignal
    3. AbstractRange
    4. Attr
    5. CDATASection
    6. CharacterData
    7. Comment
    8. CustomEvent
    9. DOMError
    10. DOMException
    11. DOMImplementation
    12. DOMParser
    13. DOMTokenList
    14. Document
    15. DocumentFragment
    16. DocumentType
    17. Event
    18. EventTarget
    19. HTMLCollection
    20. MutationObserver
    21. MutationRecord
    22. NamedNodeMap
    23. Node
    24. NodeIterator
    25. NodeList
    26. ProcessingInstruction
    27. QuotaExceededError
    28. Range
    29. ShadowRoot
    30. StaticRange
    31. Text
    32. TreeWalker
    33. XMLDocument
    34. XPathEvaluator
    35. XPathExpression
    36. XPathResult
    37. XSLTProcessor
    1. Anatomy of the DOM
    2. Attribute reflection
    3. Locating DOM elements using selectors
    4. Building and updating the DOM tree
MDN

Your blueprint for a better internet.

MDN
Contribute
Developers
Mozilla

Portions of this content are 19982026 by individual mozilla.org contributors. Content available under a Creative Commons license.

Web Proxy Viewer  |  New URL  |  Original Page