divのボタンを作りたいと思い、調べながらjQueryを使う方法は以下のようにしたらいい事は分かったのですが、jQueryを使わずにしようと思い
$(function(){
$("div").click(function(){
var x = this.id;
alert(x);
});
});
の部分をいろいろなサイトを見て
document.getElementsByTagName("div").onclick = function(){
var x = this.id;
alert(x);
};
としてみたのですが、うまくいきません。jQueryを使わずに同じようなボタンを作るにはどうしたらいいのでしょうか?
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>無題ドキュメント</title> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script> <script type="text/javascript" language="javascript"> $(function(){ $("div").click(function(){ var x = this.id; alert(x); }); }); </script> </head> <body> <div id="aaa">a</div> <div id="bbb">b</div> <div id="ccc">c</div> <div id="ddd">d</div> <div id="eee">e</div> </body> </html>
回答5件
あなたの回答
tips
プレビュー