如何从getElementsByClassName中获取DOM对象的信息

Question

我目前正在修改网站，我需要获取当前幻灯片的类名，并修改img标记 运行后

var test=document.getElementsByClassName("activeslide");

它给出了测试的价值

[<li class="slide-4 activeslide" style="visibility: visible; opacity:1;">         ]
    <a target="_blank">
        <img src="img/floorplans/suite-A.jpg" style="height: 560px; width: 495px; left:132px; top:0px">
    </a>
</li>

如何获取slide-4以及如何通过DOM编辑img标记？我试着做test.innerHTML，并尝试将test转换为string，test.toString（）;但它返回“[对象HTMLCollection]”

Answer 1

您可以使用myElement.className或myElement.getAttribute("class")，其中myElement是您元素的引用。较新的浏览器也有classList。

Answer 2

getElementsByClassName()返回一个数组。以下代码将为您提供img DOM元素：

var liArray = document.getElementsByClassName("activeslide");
var imgArray = liArray[0].getElementsByTagName("img");
var img = imgArray[0];