objectName.prototype._ _defineGetter_  _("propertyName", functionReference);
objectName.prototype._ _defineSetter_  _("propertyName", functionReference);

The reason this mechanism is different from simply assigning a custom prototype property is that the actions required to get or set a property value may require multiple script statements—handled by the function referenced in the prototype methods.

To demonstrate this facility, the following examples operate on a DOM object (but any object you can reference with JavaScript will do) to provide an innerText property for all HTML element objects. Neither the W3C DOM nor Netscape 6 offer this property, but you can add it to all elements in the page by having these method statements in the page's scripts. The functions defined here are anonymous functions (for compactness), but any function reference will suffice. In a cross-browser application, these statements would have to be protected so that they run only when the HTMLElement is referenceable and the _ _defineGetter_ _( ) or _ _defineSetter_ _( ) methods are implemented (all verifiable through object detection):

HTMLElement.prototype._ _defineGetter_  _("innerText", function ( ) {
    var rng = document.createRange( );
    rng.selectNode(this);
    return rng.toString( );
});
HTMLElement.prototype._ _defineSetter_  _("innerText", function(newTxt) {
    var rng = document.createRange( );
    rng.selectNodeContents(this);
    rng.deleteContents( );
    this.appendChild(document.createTextNode(newTxt));
    return newTxt;
});

Whenever a script statement attempts to read the innerText property of an element, the function associated with the _ _defineGetter_ _( ) method is executed, returning the desired value. Conversely, whenever a value is assigned to the innerText property of an element, the _ _defineSetter_ _( ) method's function runs.

12.2. About Static Objects		12.4. ECMAScript Reserved Keywords