第6回：DOMの拡張（前編） (2/2)

<div>hoge</div>
<div>hoge</div>
<div>hoge</div>
<script type="text/javascript">
var elements = document.getElementsByTagName('div');
var eventHandler = function() {
   alert(' 要素がクリックされました');
};

for (var i = 0; i < elements.length; i ++) {
   if (navigator.appVersion.match(/\bMSIE\b/)) { // IE の場合の処理
      elements[i].attachEvent('onclick', eventHandler);
   }
   else {
      elements[i].addEventListener('click', eventHandler, false);
   }
}
</script>


<div>hoge</div>
<div>hoge</div>
<div>hoge</div>
<script type="text/javascript">
var elements = $$('div');
var eventHandler = function() {
   alert(' 要素がクリックされました');
};

for (var i = 0; i < elements.length; i ++) {
   elements[i].observe('click', eventHandler);
}
</script>