HTML Dom tutorial Part3 [Dom regular object] extracted from W3C School

Source: Internet
Author: User
ArticleDirectory
    • Standard attributes of an object
    • HTML Dom anchor object
    • HTML Dom area object
    • HTML Dom Button Object
    • HTML Dom canvas object
    • HTML Dom frame object
    • HTML Dom frameset object
Standard attributes of an object

 

 

HTML Dom Document Object

Each HTML document loaded into the browser will become a Document Object.

Document Object set

Document Object Attributes

Document Object Method

 

 

HTML Dom anchor object

The anchor object represents an HTML hyperlink. An anchor object is created every time a <A> tag appears in an HTML document. An anchor can be used to create a link to another document (by using the href attribute) or to create a bookmarks in the document (by using the name attribute ).

You can use the anchors [] array in the Document Object to access the anchors, or use document. getelementbyid ().

Anchor Object Attributes

Anchor object Method

 

 

HTML Dom area object

An area object represents an area mapped to an image (image ing refers to an image with a clickable area). Each time a <area> tag appears in an HTML document, an area object is created.

Attribute of the Area object

 

 

HTML Dom Button Object

The button object represents a button. Each time a <button> tag appears in an HTML document, the button object is created.

Properties of the button object

 

 

HTML Dom canvas object

The canvas object represents an HTML Canvas Element-<canvas>. It does not have its own behavior, but defines an API that supports script-based client plotting operations.

You can specify the width and height of the object directly, but most of its functions can beCanvasrenderingcontext2d object. This is obtained through the getcontext () method of the canvas object and passing the string "2D" as a unique parameter to it.

<Canvas> flag is introduced in Safari 1.3. When you create this reference page, it is also supported in Firefox 1.5 and opera 9. In ie, the <canvas> flag and its APIs can beExcanvas.sourceforge.netThe assumercanvas open-source project to simulate.

If you want to learn how to use <canvas> to draw a graph, you can accessCanvas tutorial.

Canvas object Method

 

 

Html dom Event object

The event object represents the event status, such as the elements in the event, the status of the keyboard buttons, the location of the mouse, and the status of the mouse button. Events are usually used in combination with functions. functions are not executed before an event occurs!

Event Handlers)

Mouse/keyboard Properties

IE attributes

In addition to the above mouse/event attributes, the IE browser also supports the following attributes:

 

 

 

 

 

 

 

 

 

 

 

 

 

HTML Dom form object

The form object represents an HTML form. Every time <form> appears in an HTML document, the form object is created.

Form object set

Form Object Attributes

Form object Method

Form object event handle

 

 

HTML Dom frame object

The frame object represents an HTML frame. Each time <frame> appears in an HTML document, a frame object is created.

Attributes of the frame object

 

 

HTML Dom frameset object

The frameset object represents the HTML framework set.

Frameset Object Attributes

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.