如何从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>

如何获取幻灯片4以及如何使用DOM编辑img标签？我尝试执行测试，并尝试将测试转换为字符串，test.toString()；但它返回“test.innerHTML 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];