Use JavaScript to create page effects

11. Use JavaScript to create page effects

11.1 DOM Programming

DOM Programming (Document Object Model) Document Object Model

In DOM programming, the entire page is considered as a document object, in which the HTML element is a specific object. The core of DOM is to find the corresponding HTML element object, and then operate it (modify the attributes or style) and generate a new HTML element object.

11.2 Finding Elements in a Page in JS

• Find the object through the form's name inclusion relationship: document.calForm.num1
• Get an HTML element object through the id attribute of the HTML element:
• document.getElementById(id)
• Get multiple HTML element objects with the same name attribute value through the name attribute of the HTML element. Return an array that stores all objects with the same name attribute. document.getElementsByName(name) Get multiple HTML element objects with the same tag through the tag name of the HTML element.
• document.getElementsByTagName(tagName)

11.2.1 Dynamic Time

The time displayed on the page is dynamic. When the page is started, the time is displayed. There are two types of time:

Server time (obtained through Java); client time (obtained through JS), displayed according to the time on each client.

11.2.2 Select All or Deselect All Function

This is the end of this article about using JavaScript to create page effects. For more relevant js page creation content, please search for previous articles on 123WORDPRESS.COM or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future!