JavaScript Как получить значение элемента?

Question

[Stels007]

Здравствуйте! Помогите новичку) В коде нужно получить значение картинки, т.е. ее путь

<div class="slider-box">
    <div class="slider">
      <div id="div01" class="sliderDiv"><img src="images/slide01.jpg" alt="" /></div>
      <div id="div02" class="sliderDiv"><img src="images/slide02.jpg" alt="" /></div>
      <div id="div03" class="sliderDiv"><img src="images/slide03.jpg" alt="" /></div>
      <div id="div04" class="sliderDiv"><img src="images/slide04.jpg" alt="" /></div>
    </div>
  </div>

Пишу код

$(document).ready(function(){
     var img = document.getElementById("#div01").getElementsByTagName("img")[0].value;
     alert(img);
  });

Ничего не получается! Почему не понятно! Как же все таки можно получить значение атрибута src?

P.s. Мне кажется вообще доступ к div01 не получается!

Comments

[Никита Ермиличев]

$(document).ready(function(){
    var img = $("#div01 img").attr('src');
    console.log(img);
 });

[Stels007]

Никита, Большое спасибо за помощь! А почему мой код не работает? В учебниках подобным образом они находят буквально все, а тут нема?

[Никита Ермиличев]

Stels007,
Вот Ваш вариант

$(document).ready(function(){
	      var img = document.getElementById("div01").getElementsByTagName("img")[0].getAttribute("src");
              console.log(img);
	  });

Answer 1

[Stalker_RED]

$(document).ready(function(){
     var img = document.querySelector('#div01 img')
     alert(img.src);
  });

Comments

[Stels007]

Спасибо огромное! Только не понятно, а мой код не работает по какой причине?

[Stels007]

И еще: почему он не может мне выдать путь images/slide01.jpg, а пишет прям полный?

[Stalker_RED]

Stels007, потому что у img нет value, например?
Оно вам там красненким что-то пишет в консоли, посмотрите.

[Stalker_RED]

Stels007, можно не .src а getAttribute('src')
https://developer.mozilla.org/ru/docs/Web/API/Elem...

Ну если вам действительно нужен неполный.

[Stels007]

Stalker_RED, Да, это оно! Безгранично Вам благодарен!

Answer 2

[Павло Пономаренко]

Почему вы используете нативный JS, когда у вас есть JQuery?

$(document).ready(function(){
     var $img = $('#div01 img');
     alert($img.attr('src'));
});