Javascript 如何在carousel中获取具有活动类名的图像标记的src值？

考虑以下示例转盘：

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
    <div class="carousel-item active">
        <img class="d-block w-100" src="..." alt="First slide">
    </div>
    <div class="carousel-item">
        <img class="d-block w-100" src="..." alt="Second slide">
    </div>
    <div class="carousel-item">
        <img class="d-block w-100" src="..." alt="Third slide">
    </div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>

---

您能帮我获取转盘显示中活动的图像标记的src吗？

找到所需元素并获取其

src

属性

//让activeEle=document.getElementsByClassName（'active'）；
让activeEle=document.querySelector（'.carousel-item.active img'）；
log（activeEle.getAttribute（'src'）
找到所需的元素并获取其
src
属性


//让activeEle=document.getElementsByClassName（'active'）；
让activeEle=document.querySelector（'.carousel-item.active img'）；
log（activeEle.getAttribute（'src'）

您可以使用以元素为目标并获取源：

document.querySelector('.carousel-item.active > img').getAttribute('src')


var-activeElImgSrc=document.querySelector（'.carousel-item.active>img'）.getAttribute（'src'）；
console.log（activeElImgSrc）

您可以使用以元素为目标并获取源：

document.querySelector('.carousel-item.active > img').getAttribute('src')


var-activeElImgSrc=document.querySelector（'.carousel-item.active>img'）.getAttribute（'src'）；
console.log（activeElImgSrc）
使用引导转盘插件中提供的事件

$('#carouselId').on('slide.bs.carousel', function (e) {
  console.log($(e.relatedTarget).find('img').prop('src'))
})

使用引导转盘插件中提供的事件

$('#carouselId').on('slide.bs.carousel', function (e) {
  console.log($(e.relatedTarget).find('img').prop('src'))
})

您是否使用插件制作旋转木马？您需要包含一点javascript代码，因为只有HTML我们什么都得不到…只是引导程序中的一个简单旋转木马，先生。因此，您是否正在使用插件来制作旋转木马？您需要包含一点javascript代码，因为只有HTML我们什么都得不到…只是引导程序中的一个简单的旋转木马，先生。因此，Thank@Mamun可能会重复。这对我真的很有帮助。谢谢@Mamun。这对我真的很有帮助。谢谢@Ashish Ranjan。这真的帮了我。谢谢@Ashish Ranjan。它真的帮助了我。