JavaScript Document Object
Document Object Model (DOM). It represents the web page itself and provides methods and properties that allow you to interact with and manipulate the content and structure of the page dynamically.
| Method | Description |
| createElement() | Create and display elements dynamically |
| referrer | Previous page or the referred page address |
| page title | Title of the page and how to change it |
| URL | URL in full along with domain name of the page |
| lastModified | Last Modified or change date of the page |
| domain | Name of the domain of the current page |
| write | Sending output to screen or printing the string |
| Cookies | Cooking adding , reading and removing |
| getElementsByTagName | Number of tags and managing property |
| getElementsById | Managing by ID of the element |
| getElementsByName | Managing by Name of the element |
| hasFocus() | Checking window is active or not |
| Links | getting Links of the document |
| anchors | Array of anchors using name attribute |
What we can do using document object?
- Access and interact with elements in the web page by their IDs, classes, tags, etc.
- Modify the content and attributes of HTML elements.
- Create new HTML elements and add them to the page.
- Apply CSS styles to elements.
- Add event listeners to elements and respond to user actions, like clicks and keypresses.
- Manipulate the browser's history and location for navigation purposes (e.g., using methods like history.pushState and history.replaceState).
- Access information about the browser and the current page, such as the URL or title (e.g., document.URL or document.title).
- Perform various other operations related to the web page and its contents, like handling forms, managing cookies, or interacting with browser plugins/extensions.
JavaScript
Subscribe to our YouTube Channel here
This article is written by plus2net.com team.
