Long description

Set 1 consists of 13 lines of H T M L code. Line 1: open angle bracket style close angle bracket at indentation level 0. Line 2: dot box open curly brace at indentation level 1. Line 3: margin colon 2em semicolon padding colon 0 semicolon at indentation level 2. Line 4: border colon solid 1 p t black semicolon at indentation level 2. Line 5: close curly brace at indentation level 1. Line 6: dot yellowish open curly brace background hyphen color color hash EFE63F semicolon close curly brace at indentation level 2. Line 7: dot hide open curly brace display colon none semicolon close curly brace at indentation level 2. Line 8: open angle bracket forward slash style close angle bracket at indentation level 0. Line 9: open angle bracket main close angle bracket at indentation level 0. Line 10: open angle bracket div class equals open double quotes box close double quotes close angle bracket at indentation level 1. Line 11: Ellipsis. Line 12: open angle bracket forward slash div close angle bracket at indentation level 1. Line 12: open angle bracket forward slash main close angle bracket at indentation level 0.

Set 2 consists of seven lines of JavaScript code and its equivalent H T M L code in set 3. Line 1: var node equals document dot querySelector open parenthesis open double quotes main div close double quotes close parenthesis semicolon. Line 2: node dot className equals open double quotes yellowish close double quotes semicolon, equivalent H T M L code: open angle bracket div class equals open double quotes yellowish close double quotes close angle bracket.

Note: This replaces the existing class specification with this one. Thus the open angle bracket div close angle bracket no longer has the box class.

Line 3: node dot classList dot remove open parenthesis open double quotes yellowish close double quotes close parenthesis semicolon, equivalent H T M L code: open angle bracket div class equals open double quotes close double quotes close angle bracket. Line 4: node dot classList dot add open parenthesis open double quotes box close double quotes close parenthesis semicolon, equivalent H T M L code: open angle bracket div class equals open double quotes box close double quotes close angle bracket.

Note: Removes the specified class specification and adds the box class.

Line 5: node dot classList dot add open parenthesis open double quotes yellowish close double quotes close parenthesis semicolon, equivalent H T M L code: open angle bracket div class equals open double quotes box yellowish close double quotes close angle bracket.

Note: Adds a new class to the existing class Adds a new class to the existing class specification.

Line 6: node dot classList dot toggle open parenthesis open double quotes hide close double quotes close parenthesis semicolon, equivalent H T M L code: open angle bracket div class equals open double quotes box yellowish hide close double quotes close angle bracket open.

Note: If it isn single quote t in the class specification, then add it.

Line 7: node dot classList dot toggle open parenthesis open double quotes hide close double quotes close parenthesis semicolon, equivalent H T M L code: angle bracket div class equals open double quotes box yellowish close double quotes close angle bracket.

Note: If it is in the class specification, then remove it.