首页 > 技术文章 > 自动创建span

rcstudy 2015-11-17 11:09 原文

页面:

<div id="time-panel-progress-text">

</div>

 

js代码:

填充近8小时的time-panel-progress-tick,自动创建span
var preHour = nowHour; //显示前8个小时
for(var i=7;i>=0;i--)
{
  var spanON = document.createElement("span");
  spanON.className = "time-panel-progress-tick";
  preHour = nowHour - i;  
  spanON.innerHTML = preHour+" ";
  document.getElementById("time-panel-progress-text").appendChild(spanON);
}

推荐阅读