What are the built-in objects of DOM?

Dom built-in objects include: 1. document; 2. window; 3. navigator; 4. location; 5. history; 6. screen; 7. document.documentElement; 8. document.body; 9. document .head; 10. document.title; 11. document.cookie.

The operating system for this tutorial: Windows 10 system, DELL G3 computer.

DOM (Document Object Model) is an interface for representing and interacting with the structure of HTML or XML documents. It provides a set of built-in objects and methods. The following are some DOM built-in objects:

1. document: represents the entire HTML or XML document and is the root node of the DOM tree. It provides comprehensive access and manipulation of documents.

var doc = document; // Get the entire document object

2. Window: represents the browser window or frame and is a global object. It provides access to windows, documents and scripts.

var win = window; // Get the window object

3. Navigator: represents browser information, including browser name, version, operating system, etc.

var nav = navigator; // Get browser information object

4. Location: represents the URL information of the current document, including protocol, host, port, path, Query strings etc.

var loc = location; // Get the URL information object

5. History: represents the browser history, which can be used for forward, backward and jump operations.

var hist = history; // Get the browser history object

6. screen: represents the client screen information, including screen size, resolution, etc.

var scr = screen; // Get the screen information object

7. document.documentElement: represents the root element of the entire HTML document, that is, the element.

var root = document.documentElement; // Get the root element object

8, document.body: Represents the element of the HTML document, which can be used Gets and sets the content of the element.

var body = document.body; // Get the element object

9, document.head: Represents the element of the HTML document, Can be used to get and set the content of the element.

var head = document.head; // Get the element object

10. document.title: represents the title of the HTML document, which can be obtained through it and set the title of the document.

var title = document.title; // Get the document title object

document.title = "New Title"; // Set the document title to "New Title"

11. document.cookie: represents the cookie information stored by the browser, through which the cookie value can be read and set.

var cookie = document.cookie; // Get the cookie information object

document.cookie = "name=value"; // Set the cookie value to "name=value"

These are some common built-in objects in the DOM that provide access to and manipulation of the HTML or XML document structure. By using these objects and methods, developers can dynamically change the content and style of the page, interact with the user, and process browser-related information.

The above is the detailed content of What are the built-in objects of DOM?. For more information, please follow other related articles on the PHP Chinese website!