How javascript changes the class of ul

This article mainly explains "how javascript changes the class of ul". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "how javascript changes the class of ul".

Methods: 1, use "document.getElementsByTagName (" ul ")" to get the ul object; 2, use the className attribute to change the class of ul, this attribute can set the class of the element, and the syntax is "ul object .className = new class".

The operating environment of this tutorial: windows10 system, javascript1.8.5 version, Dell G3 computer.

How does javascript change the class of ul

The className property sets or returns the class property of the element.

The syntax is as follows:

Get the property value:

HTMLElementObject.className

Set the attribute value:

HTMLElementObject.className=classname

Examples are as follows:

For a simple unordered list, click button before the style of ul is uhh2

After clicking button, call className in the check function to change the style of ul from uhh2 to uhh3

.uhh2 {color:#CCCCCC;font-size:12px;} .uhh3 {color:#FF6600;font-size:24px;} function check () {var uul = document.getElementsByTagName ("ul") [0]; uul.className = "uhh3" } contact us with the product information of the news flash on the home page