Using the HTML5 JS selector to manipulate elements in a page

Use the HTML5 JS selector to manipulate the elements in the page.

File name: queryselector.html, you can preview the effect in Chrome browser.

          
   using the HTML5 JS selector action page elements        
 

                    <H2 > Hobbies:
  
                      Basketball           Singing          < Label for= "C3" > Swimming            Billiards                    get interested in hobbies      
 
       

In the example, the 22nd, 26, 33, and 36 lines used the element selector, the pseudo class selector, the property selector, and the child element selector, respectively.

The queryselector.html file effect is as follows:

Selecting the data and clicking the "Get Interest" button has the following effect: