forEach1

Click the button to get multiply every element in the array with a specific number.

Multiply with:

Updated array:

forEach

Click the button to list all the items in the array.

finally

Please input a number between 5 and 10:

throw

Please input a number between 5 and 10:

scrollTop

Scroll down this page

When you have scrolled 50 pixels from the top of this page, add the class "test" (yellow background color) to this paragraph. Scroll up again to remove the class.

className3

Click the button multiple times to toggle between two class names for DIV.

I am a DIV element

className2

Click the button to add an additional class to the div element.

I am a DIV element

className1

Click the button to display the class names of the div element.

I am a DIV element with multiple classes

className

Click the button to set a class for div.

I am a DIV element

classList.add

Click the button to add the "mystyle" class to DIV.

Note: The classList property is not supported in Internet Explorer 9 and earlier versions.

I am a DIV element

focus

Visit W3Schools.com

Click the buttons to give focus and/or remove focus from the link above.

appendChild

• Coffee
• Tea

Click the button to append an item to the end of the list.

Note:
First create an LI node,
then create a Text node,
then append the Text node to the LI node.
Finally append the LI node to the list.

style position

Select a position in the list below to change the div's position.

I am a div element.

absolute fixed static relative

同學會(松山工農)

台北市立工業農業職業學校 松山工農

請選擇材料 : 同學會(北市工農) 01大鵬灣-小琉球 02天成飯店 03金山客家小館

wup3615. peter 製