javascript - 为每个具有特定类的 div 创建元素

Question

我有几个带有“isVideo”类的 div。我可以成功地使用 for 循环附加单击事件，但我还需要在每个 div 中创建一个跨度。这就是我所拥有的:

var videos = document.getElementsByClassName("isVideo");
     for (var i = 0; i < videos.length; i++) {
     videos[i].addEventListener('click', playVideo, false);
     var playBtn =  videos[i].createElement("span");
     playBtn.appendChild(videos[i]);
}

代码笔:http://codepen.io/garethj/pen/bpxVKX

Answer 1

您正在span 内附加 div。您需要在 divElement

内附加 spanElement <小时/>

var videos = document.getElementsByClassName("isVideo");
for (var i = 0; i < videos.length; i++) {
  videos[i].addEventListener('click', playVideo, false);
  var playBtn = document.createElement("span");
  videos[i].appendChild(playBtn);
}

编辑:还将 videos[i].createElement 更改为 document.createElement 作为 videos[i]没有方法 createElement

Codepen Demo