Document object
The javascript document object is the window property that is used to represent a web page or an HTML document. It is a property of the window object and thus can be written as window.document or only document.
Methods of Document Object:
METHOD | USES |
document.getElementById(id) | To get an element by its element id. |
document.getElementsByName(name) | To get an element by its name. |
document.getElementsByTagName(name) | To get an element by its tag name. |
document.getElementsByClassName(name) | To get an element by its class name. |
document.createElement(element) | To create an HTML element |
document.removeChild(element) | To remove an HTML element |
document.appendChild(element) | To add an HTML element |
document.replaceChild(element) | To replace an HTML element |
document.write(text) | To write into the HTML output stream |
document.getElementById(id).onclick = function(){code} | To add an event handler code to an onclick event. |
writeln(text)
|
Write the given string on the document with a newline character at the end. |
Properties of Document Object:
Property | USES |
document.anchors | To get all the <a> elements that have a name attribute. |
document.baseURI | To get the absolute base URI of the document. |
document.body | To get the <body> element. |
document.cookie | To get the document’s cookie. |
document.doctype | To get the document’s doctype. |
document.documentElement | To get the <html> element. |
document.documentMode | To get the mode used by the browser. |
document.documentURI | To get the URI of the document. |
document.domain | To get the domain name of the document server. |
document.embeds | To get all the <embed> elements. |
document.forms | To get all the <form> elements. |
document.head | To get the <head> element |
document.images | To get all the <img> elements. |
document.implementation | To get the DOM implementation. |
document.inputEncoding | To get the document’s encoding (character set). |
document.lastModified | To get the date and time the document was updated. |
document.links | To get all the <area> and <a> elements that have a href attribute. |
document.readyState | To get the (loading) status of the document. |
document.referrer | To get the URI of the referrer (the linking document). |
document.scripts | To get all the <script> elements. |
document.strictErrorChecking | To get if error checking is enforced. |
document.title | To get the <title> element. |
document.URL | To get the complete URL of the document. |