Question

我正在尝试在普通/原始javascript中创建一个淡出/淡入淡出循环但是看起来我无法让最简单的东西工作。不透明度过滤器本身。我有div id="slideshow"并创建2个动态子项。 Img and 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。

使用index从NodeList中检索元素。

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

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

索引从0开始，最后一个索引是（数组的长度 - 1）

使用javascript将不透明度设置为子div

1 个答案: