Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как найти нужный элемент страницы и кликнуть если он имеет тока класс... (https://javascript.ru/forum/events/44386-kak-najjti-nuzhnyjj-ehlement-stranicy-i-kliknut-esli-imeet-toka-klass.html)

Александр_1997 17.01.2014 17:31

Как найти нужный элемент страницы и кликнуть если он имеет тока класс...
 
<div class="button_box" onclick="top.changeloc('/fight.php');"><div class="button_face_left"></div><div class="button_face_center">&nbsp;Обновить</div><div class="button_face_right"></div>&nbsp;&nbsp;</div>

Тут у нас 1 основной див, и 3 штуки идут сверху него просто так...Так вот как сделать клик по этой кнопке при загрузки этой кнопки с помощью JS? Я думаю сначало надо ее найти, у кнопки есть тока класс, значит использовать метод getElementsByClassName("button_box") но как после этого клик сделать автоматично? И еще есть нюанс, что если на странице 4 кнопки с одинаковым классом, без имени и id, как их различить программно? помогите кто или дайте где можно почитать о нужном мне методе...

Александр_1997 17.01.2014 17:32

<div class="button_box" onclick="top.changeloc('/fight.php');"><div class="button_face_left"></div><div class="button_face_center">&nbsp;Обновить</div><div class="button_face_right"></div>&nbsp;&nbsp;</div>

kostyanet 18.01.2014 02:23

Цитата:

Сообщение от Александр_1997
если на странице 4 кнопки с одинаковым классом, без имени и id, как их различить программно?

Добавить всем уникальные id. Можно вручную, можно из php/cgi/asp.

Vlasenko Fedor 18.01.2014 14:34

Цитата:

Сообщение от Александр_1997
если на странице 4 кнопки с одинаковым классом, без имени и id, как их различить программно

<body>
    <input type="button" value="1">
    <input type="button" value="1">
    <input type="button" value="1">
    <input type="button" value="1">
    <script>
      var inp = document.querySelectorAll('input'),
        len = inp.length;
      for (; len--; inp[len].onclick = clickme);

      function clickme() {
        this.value++;
      }
    </script>
  </body>


Часовой пояс GMT +3, время: 17:18.