SQLの窓 イラストAC フリー素材

2013年06月15日

document.getElementById の代替え

document.getElementById が正当である事は解ってるのですが、とにかくタイプミスしやすいので、簡単に代替えされている方は多いと思うのですが、その手間を考えると、結局 Google が ホスティングしている jQuery を使ったほうが早いなぁ・・・といつも思います。
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script type="text/javascript">
// *************************************
// 代替コード
// *************************************
var $id = function(s) { return document.getElementById(s); }


// *************************************
// 代替コードを使う
// *************************************
function TestLocal() {
	alert( $id("mydata").value );
}

// *************************************
// jQuery を使う
// *************************************
function TestJquery() {
	alert( $("#mydata").val() );
}

</script>
<input type="text" id="mydata" >
<input type="button" value="Test local" onclick="TestLocal();">
<input type="button" value="Test jQuery" onclick="TestJquery();">




【jQueryの最新記事】
posted by at 2013-06-15 15:46 | jQuery | このブログの読者になる | 更新情報をチェックする