在屏幕javascript上重复span

我想用javascript在整个屏幕上重复一个跨度。但是，我不知道我是怎么做到的。 我的代码是：

CSS:

HTML:

一些内容

这是我的名字

感谢使用javascript。（不适用于高级plz。我不是javascript的高手）

试试这个：

function addSpan(n, content){
  var body = document.getElementByTagName('body');
  var item = '<span class="box">'+content+'</span>';
  for (var i = 0; i < n; i++){
    body.innerHTML += item;
  }
}

函数addSpan（n，内容）{
var body=document.getElementByTagName（'body'）；
变量项=“”+内容+“”；
对于（变量i=0；i

n：跨度编号，内容：每个跨度中的字符串内容 在您非常具体的情况下，您可能正在寻找类似的内容：

CSS

JavaScript

var ww = window.innerWidth,
    wh = window.innerHeight,
    ew = 125, // element width in px 
    eh = 125, // element height in px 
    xn = Math.floor( ww / ew ), // elements per row
    yn = Math.floor( wh / eh ), // rows
    n = xn * yn; // number of elements

for( var i = 0 ; i < n ; i++ ) {

    var box = document.createElement( "span" ),
        txt = document.createTextNode( "Some content" );

    box.className = "box";
    box.appendChild( txt );
    document.body.appendChild( box );

}

var ww=window.innerWidth，
wh=窗内高度，
ew=125，//以px为单位的元素宽度
eh=125，//元素高度（以px为单位）
xn=Math.floor（ww/ew），//每行元素数
yn=数学楼层（wh/eh），//行
n=xn*yn；//元素数
对于（变量i=0；i

这是你可以通过拿起一本书或阅读一些关于DOM（

createElement

）和for…循环的教程来学习的。我现在正在互联网上学习javascript教程。这正是我需要的！谢谢

function addSpan(n, content){
  var body = document.getElementByTagName('body');
  var item = '<span class="box">'+content+'</span>';
  for (var i = 0; i < n; i++){
    body.innerHTML += item;
  }
}

span.box {
    width:125px;
    height:125px;
    border:1px solid black;
    display: inline-block;
    margin:3px 3px 3px 3px;
    padding:3px 3px 3px 3px;
}

var ww = window.innerWidth,
    wh = window.innerHeight,
    ew = 125, // element width in px 
    eh = 125, // element height in px 
    xn = Math.floor( ww / ew ), // elements per row
    yn = Math.floor( wh / eh ), // rows
    n = xn * yn; // number of elements

for( var i = 0 ; i < n ; i++ ) {

    var box = document.createElement( "span" ),
        txt = document.createTextNode( "Some content" );

    box.className = "box";
    box.appendChild( txt );
    document.body.appendChild( box );

}