Blog

JavaScriptのprototypeを使ったオブジェクトを作ってみよう

2016.01.12Cat:javascript デザイナー

前回JavaScriptのprototypeを使ってオブジェクト指向のプログラムを組む方法についてご紹介しましたが、

今回は、実際にprototypeを使ってオブジェクトを作ってみました。

 

↓作ってみたもの

DEMO

 

作ってみたものの概要

今回作ってみたものは、CSSのセレクターの形式で指定された要素で、

data-bgimgで指定された画像をスタイルの背景画像に適用するというものです。

 

無条件でインスタンス作成時に実行する関数はコンストラクタ内にinit()として実行しており、

その中で、スタイルを設定しています。

必要に応じてgetSrc()などを実行できるようにしています。

Author Profile

ninomiya
ninomiya
Webデザイナー兼コーダーです。 イラストを描くのも好きです。 SVGとCanvasを使ったWEBアプリにも興味があります。 よろしくお願いいたします。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ