2016年4月8日 星期五

HTML: DOM 的物件模型

DOM 物件的屬性與方法
document.activeElement            Returns the currently focused element in the document
document.addEventListener()       Attaches an event handler to the document
document.adoptNode()              Adopts a node from another document
document.anchors                  Returns a collection of all <a> elements in the document that have a name attribute
document.applets                  Returns a collection of all <applet> elements in the document
document.baseURI                  Returns the absolute base URI of a document
document.body                     Sets or returns the document's body (the <body> element)
document.close()                  Closes the output stream previously opened with document.open()
document.cookie                   Returns all name/value pairs of cookies in the document
document.createAttribute()        Creates an attribute node
document.createComment()          Creates a Comment node with the specified text
document.createDocumentFragment() Creates an empty DocumentFragment node
document.createElement()          Creates an Element node
document.createTextNode()         Creates a Text node
document.doctype                  Returns the Document Type Declaration associated with the document
document.documentElement          Returns the Document Element of the document (the <html> element)
document.documentMode             Returns the mode used by the browser to render the document
document.documentURI              Sets or returns the location of the document
document.domain                   Returns the domain name of the server that loaded the document
document.domConfig                Obsolete. Returns the DOM configuration of the document
document.embeds                   Returns a collection of all <embed> elements the document
document.forms                    Returns a collection of all <form> elements in the document
document.getElementById()         Returns the element that has the ID attribute with the specified value
document.getElementsByClassName() Returns a NodeList containing all elements with the specified class name
document.getElementsByName()      Returns a NodeList containing all elements with a specified name
document.getElementsByTagName()   Returns a NodeList containing all elements with the specified tag name
document.hasFocus()               Returns a Boolean value indicating whether the document has focus
document.head                     Returns the <head> element of the document
document.images                   Returns a collection of all <img> elements in the document
document.implementation           Returns the DOMImplementation object that handles this document
document.importNode()             Imports a node from another document
document.inputEncoding            Returns the encoding, character set, used for the document
document.lastModified             Returns the date and time the document was last modified
document.links                    Returns a collection of all <a> and <area> elements in the document that have a href attribute
document.normalize()              Removes empty Text nodes, and joins adjacent nodes
document.normalizeDocument()      Removes empty Text nodes, and joins adjacent nodes
document.open()                   Opens an HTML output stream to collect output from document.write()
document.querySelector()          Returns the first element that matches a specified CSS selector(s) in the document
document.querySelectorAll()       Returns a static NodeList containing all elements that matches a specified CSS selector(s) in the document
document.readyState               Returns the (loading) status of the document
document.referrer                 Returns the URL of the document that loaded the current document
document.removeEventListener()    Removes an event handler from the document (that has been attached with the addEventListener() method)
document.renameNode()             Renames the specified node
document.scripts                  Returns a collection of <script> elements in the document
document.strictErrorChecking      Sets or returns whether error-checking is enforced or not
document.title                    Sets or returns the title of the document
document.URL                      Returns the full URL of the HTML document
document.write()                  Writes HTML expressions or JavaScript code to a document
document.writeln()                Same as write(), but adds a newline character after each statement          
========
HTML DOM Properties
x.innerHTML - the text value of x
x.nodeName - the name of x
x.nodeValue - the value of x
x.parentNode - the parent node of x
x.childNodes - the child nodes of x
x.attributes - the attributes nodes of x
Note: In the list above, x is a node object (HTML element).

HTML DOM Methods
x.getElementById(id) - get the element with a specified id
x.getElementsByTagName(name) - get all elements with a specified tag name
x.appendChild(node) - insert a child node to x
x.removeChild(node) - remove a child node from x
Note: In the list above, x is a node object (HTML element).


沒有留言:

張貼留言