Найти элементы в Javascript

Question

Мне нужно найти div с классом «добрее», который имеет элемент «a». Мне нужно получить и предупредить атрибут href от.

UPDATED EXEMPLE: Например. Если бы я был:

<div class="controls-wrapper"> 
    <div class="title" role="contentinfo"> 
     <header> 
      <div class="kinder" aria-hidden="true"> 
       <a tabindex="-1" href="https://google.com" target="_blank"> 
        <img src="https://imageUrl/120x120.jpg" alt="" width="60" height="60"> 
       </a> 
      </div> 

Мне нужно, чтобы предупредить "http://google.com"

Я попытался следующий код:

var aUserVideo = document.getElementsByClassName('kinder') 

aUserVideoHref = aUserVideo.attribute("a"); 
aUserVideoHref = aUserVideoHref.attribute("href"); 

alert(aUserVideoHref); 

Answer 1

Проблемы:

1. Javascript метод getElementsByClassName() возвращение массива, как объект всех дочерних элементов, которые имеют все заданные имена классов, так что вы имеете целевой объект, который вы хотите использование по индексу (пример для первого использования aUserVideo[0]).

2. Для того, чтобы получить какой-либо атрибут, вы должны использовать getAttribute() вместо attribute.

Предлагаемого решение:

Вы могли бы просто получить HREF помощью querySelector с .href как:

document.querySelector(".kinder a").href 

Надеется, что это помогает.

window.addEventListener("DOMContentLoaded", function() { 
 
    console.log(document.querySelector(".kinder a").href); 
 
}, false);

<div class="kinder" aria-hidden="true"> <a tabindex="-1" href="http://google.com" target="_blank"> <img src="https://imageUrl/120x120.jpg" alt="" width="60" height="60"> </a> </div>

Answer 2

Вы ваш пост с тегами JQuery. Вот как JQuery, чтобы сделать это:

alert($('.kinder a').prop('href')); 

Или ванильный JavaScript:

alert (document.querySelectorAll('.kinder a')[0].href); 

Answer 3

Вы можете получить его с Jquery используя attr функцию:

Jquery:

alert($('.kinder a').attr('href')); 

С уважением!