
<html>
<head>
<meta http-equiv="content-type"
                     content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript">
/** 
 * 親クラス
 * ・文字列を表現するクラス
 */
var Parents = Class.create();
Parents.prototype = {
    /** プロパティ追加コンストラクタ */
    initialize: function() {
        /** 文字列格納プロパティ */
        this.str = "Hello World!!";
    }
};

/**
 * 子クラス
 * ・親クラスを拡張した文字列表示クラス
 */
var Child = Class.create();
Child.prototype = Object.extend(new Parents(), {
    /** タグのテキスト内容変更メソッド */
    hello:function(){
        document.getElementById("a").innerHTML=this.str;
    }
});
</script>
</head>
<body>
<p id="a">ここに文字列が表示します。</p>
<input type="button" value="ボタン" onclick="new Child().hello();"/>
</body>
</html>

戻る

Loarding…