JavaScript
Document Object Properties
What is Console in JavaScript ??
In JavaScript, the console is an object which provides access to the browser debugging console. We can open a console in web browser
Document/ Window / Screen objects
Here you can find document/ window objects, after assigning these values in console browser has to responsive. use this document and window objects, to get browser response.
window
document
clear();
alert();
window.alert();
window.console();
screen();
Document Object Properties,
Here you can find the document object, which we can find document properties using javascript, even you can modify every document using document object properties
console.dir(document);
console.log(document.title);
document.title = "This is updated title";
console.log(document.head);
console.log(document.body);
console.log(document.title);
console.log(document.URL);
console.log(document.scripts);
console.log(charset);
console.log(doctype);
console.log(document.domain);
console.log(document.activeElement);
EX
<body> <script> document.write(document.title); </script> </body>
Document Object Properties and Methods
<body>
<script>
document.write(document.title);
</script>
</body>
The following properties and methods can be used on HTML documents:
| Property / Method | Description |
|---|---|
| activeElement | Returns the currently focused element in the document |
| addEventListener() | Attaches an event handler to the document |
| adoptNode() | Adopts a node from another document |
| anchors | Deprecated |
| applets | Deprecated |
| baseURI | Returns the absolute base URI of a document |
| body | Sets or returns the document's body (the <body> element) :document.body.innerHTML; |
| charset | Deprecated |
| characterSet | Returns the character encoding for the document |
| close() | Closes the output stream previously opened with document.open() |
| cookie | Returns all name/value pairs of cookies in the document |
| createAttribute() | Creates an attribute node |
| createComment() | Creates a Comment node with the specified text |
| createDocumentFragment() | Creates an empty DocumentFragment node |
| createElement() | Creates an Element node |
| createEvent() | Creates a new event |
| createTextNode() | Creates a Text node |
| defaultView | Returns the window object associated with a document, or null if none is available. |
| designMode | Controls whether the entire document should be editable or not. |
| doctype | Returns the Document Type Declaration associated with the document |
| documentElement | Returns the Document Element of the document (the <html> element) |
| documentMode | Deprecated |
| documentURI | Sets or returns the location of the document |
| domain | Returns the domain name of the server that loaded the document |
| domConfig | Deprecated |
| embeds | Returns a collection of all <embed> elements the document |
| execCommand() | Deprecated |
| forms | Returns a collection of all <form> elements in the document |
| getElementById() | Returns the element that has the ID attribute with the specified value |
| getElementsByClassName() | Returns a HTMLCollection containing all elements with the specified class name |
| getElementsByName() | Deprecated |
| getElementsByTagName() | Returns a HTMLCollection containing all elements with the specified tag name |
| hasFocus() | Returns a Boolean value indicating whether the document has focus |
| head | Returns the <head> element of the document document.head.tagName; |
| images | Returns a collection of all <img> elements in the document document.images.length; |
| implementation | Returns the DOMImplementation object that handles this document |
| importNode() | Imports a node from another document |
| inputEncoding | Deprecated |
| lastModified | Returns the date and time the document was last modified |
| links | Returns a collection of all <a> and <area> elements in the document that have a href attribute |
| normalize() | Removes empty Text nodes, and joins adjacent nodes |
| normalizeDocument() | Deprecated |
| open() | Opens an HTML output stream to collect output from document.write() |
| querySelector() | Returns the first element that matches a specified CSS selector(s) in the document |
| querySelectorAll() | Returns a static NodeList containing all elements that matches a specified CSS selector(s) in the document |
| readyState | Returns the (loading) status of the document |
| referrer | Returns the URL of the document that loaded the current document |
| removeEventListener() | Removes an event handler from the document (that has been attached with the addEventListener() method) |
| renameNode() | Deprecated |
| scripts | Returns a collection of <script> elements in the document |
| strictErrorChecking | Deprecated |
| title | Sets or returns the title of the document |
| URL | Returns the full URL of the HTML document |
| write() | Writes HTML expressions or JavaScript code to a document |
| writeln() | Same as write(), but adds a newline character after each statement |
