[DimaRogov]

вопрос такой:

есть много элементов <div id = 'name'></div> :

<div id = 'name'></div>
<div id = 'name'></div>
<div id = 'name'></div>
<div id = 'name'></div>
         ......
<div id = 'name'></div>

<button id = 'but'>Click me</button>

есть скрипт:

var but = document.getElementById('but');
var elem = document.getElementById('name');

//убирает элемент <div id= 'name'></div> 
var hid = function() { elem.style.display = 'none'; } 
                      

but.addEventListener('click',hid,false);

Вопрос: Почему убирается только первый элемент <div id= 'name'></div>