Archive for the ‘JavaScript’ Category

2011年08月26日に投稿

[jQuery] 要素の高さを取得する

ある要素の高さ( CSS でいう height )を取得したい場合は height() メソッドを使用することで取得できます。height() メソッドは単位が付いていない数値で返ってきますのでそのまま計算に利用できます。以下のコードは id 属性に hoge が付けられた要素の高さを取得します。

$('#hoge').height();

1 2	$('#hoge').height();

JavaScript jQuery

2011年07月17日に投稿

[Javascript]オブジェクトの中身を簡単にdumpしたい場合はFirebugのコンソールでconsole.logを使う

PHPにはvar_dump関数のようにオブジェクトの中身を確認する関数が用意されていますが、Javascriptには簡単に中身を確認するための関数はありません。ですが、FirefoxのアドオンのFirebugを使えば簡単に確認をすることができます。

Firebugには「コンソール」という機能があり、Javascriptのコードを入力して実行するとその場でコードを実行することができます。console.log(object)と入力して実行すると、objectの中身を結果表示欄に表示させることができます。

dump Firebug Firefox JavaScript

に投稿

[Javascript] ChildNodes の挙動が IE と Firefox & Chrome で違う

element.childNodes とすると対象のエレメントの子ノードリストにアクセスすることができますが、IE と Firefox & Chrome とで挙動が違いました。具体的な違いは下記のサンプルコードを見て頂けると分かりやすいです。

JavaScript

2011年06月15日に投稿

[Javascript]指定時間後に関数を実行したり、一定間隔で繰り返しの処理を行う

Javascriptには指定した時間が経過した後に関数を実行してくれるsetTimeout関数があります。第一引数に実行する関数名、第二引数に実行したい経過時間をミリ秒で指定します。下記のサンプルコードの場合、greeting関数を3000ミリ秒後（3秒後）に実行します。下記のコードを実行すると結果的にブラウザでアクセスをしてから3秒後にhelloと書かれたアラートが表示されることになります。

JavaScript setTimeout

2011年06月09日に投稿