如何在div标签中访问img src

Question

我只是想知道如何访问位于两个div标签内的img src（ID wows1_0），然后才能通过javascript更改src。

<div id="wowslider-container1" class="grid_7 alignGallery">
<div class="ws_images"><ul>
        <li><img src="WOWSlider/data1/images/BookARoom.jpg" alt="full screen slider" title="full screen slider" id="wows1_0"/></li>
        <li><img src="WOWSlider/data1/images/ContactSupport.jpg" alt="ContactSupport" title="ContactSupport" id="wows1_1"/></li>
    </ul></div>
<div class="ws_thumbs">
    <div>
        <a href="#wows1_0" title="full screen slider"><img src="WOWSlider/data1/tooltips/bookaroom.jpg" alt="" /></a>
        <a href="#wows1_1" title="ContactSupport"><img src="WOWSlider/data1/tooltips/contactsupport.jpg" alt="" /></a>
    </div>
</div>               
<div class="ws_shadow"></div>
</div>      

Answer 1

如果您使用的是jQuery，那么：

$(".ws_images img").each(function() {
     console.log($(this).attr("src"));
     $(this).attr("src", value); // to set it
});

Answer 2

是的，您可以使用纯JavaScript代码。我们可以使用带有getElementById方法的img id来访问它，并使用src属性更改src。

var image=document.getElementById("wows1_0");
image.src="ss.jpg";

检查这个小提琴

http://jsfiddle.net/9rb3ahs3/1/

Answer 3

如果img元素是具有a属性的id元素的唯一子元素，您可以更简单地访问它，例如

document.getElementById("wows1_0").getElementsByTagName('img')[0].src