@kirill0962

Как кликнуть по ID элемнета?

<li class="item it">
   <div data-view="sendPresentToFriendCard" data-friend-id="593199183122" id="send-present-friend-593199183122" class="async-gift-sending">
      <div class="content-card __aside-right friend-list-card __center-align">
         <div class="content-card_avatar">
            <div class="sz50 common-avatar __compact-ol" data-log-click="{&quot;target&quot;:&quot;avatar&quot;}"><a class="u-ava sz50 " href=""><img class="u-ava_img sz50 " src="" alt=""></a></div>
         </div>
         <div class="content-card_data">
            <div class="content-card_data_inner"><span class="icons-set  "><span class="ic-set_tx "><span class="emphased usr">Петя</span></span></span></div>
            <div class="content-card_data_text">
               <div class="content-card_data_text_wrapper "></div>
            </div>
         </div>
         <div class="content-card_aside __right">
            <div class="async-gift-sending_send-button friend-card_send-present-button"><span class="friend-card_send-present-button-text">Отправить</span></div>
            <div class="async-gift-sending_sent-text">Отправлено</div>
         </div>
      </div>
      <div class="async-gift-sending_process-line-w">
         <div class="async-gift-sending_process-line"></div>
      </div>
      <div data-func="send" class="async-gift-sending_send"></div>
      <div data-func="reject" class="async-gift-sending_rejection">
         <span class="async-gift-sending_rejection-button">Отменить</span>
         <div class="async-gift-sending_rejection-info"> отправляется...</div>
      </div>
   </div>
</li>


Вот код, как найти элемент id этот send-present-friend-593199183122 и кликнуть по class элемену async-gift-sending_send-button friend-card_send-present-button?
  • Вопрос задан
  • 144 просмотра
Пригласить эксперта
Ответы на вопрос 2
yarkov
@yarkov Куратор тега JavaScript
Помог ответ? Отметь решением.
Найти используя CSS селекторы и document.querySelector.
Кликнуть вызвав метод click на нужном элементе.
Ответ написан
@mvv-rus
Настоящий админ AD и ненастоящий программист
1. Элемент с нужным id ищется через document.getElementById(id)
2. Затем внутри этого элемента ищите элемент с нужным классом (через querySelector, к примеру, есть и другие варианты) и кликаете на него.
Короче, если безо всяких проверок, как-то так:
document.getElementById('send-present-friend-593199183122')
   .querySelector('.async-gift-sending_send-button.friend-card_send-present-button')
   .click();
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы