javascript - 使用 javascript 设置子 div 的不透明度

Question

我正在尝试在普通/原始 JavaScript 中创建淡出/淡入循环，但似乎我无法让最简单的事情发挥作用。不透明度滤镜本身。我有一个 div id="slideshow" 并创建 2 个动态子项。 Img 和 div

<div id="slideshow">
//start dynamic part
<img src="image1.png" />
<div id="tooltip" />
//stop dynamic part
</div>

我使用 JavaScript 创建这些标签。

var slideshow = document.getElementById('slideshow');
slideshow.innerHTML ='<img src="image1.png" /><div id="tooltop"></div>':

我现在尝试使用 JavaScript 为 Slideshow 的子 div 提供不透明度。

var slideshowDiv =  document.getElementById("slideshow").getElementsByTagName("div");
slideshowDiv.style.opacity = 0.5;
slideshowDiv.style.filter = "alpha(opacity=50)";

这是否不起作用，因为使用 javascript 创建新标签时缺少事件处理程序？否则我不明白这个问题。

Answer 1

getElementByTagName 返回 NodeList 而不是 HTMLElement。

使用索引从NodeList中检索元素。

例如，对于第一个元素，您可以执行以下操作:

slideshowDiv[0].style.opacity = 0.5;
slideshowDiv[0].style.filter = "alpha(opacity=50)";

索引从 0 开始，最后一个索引为(数组长度 - 1)