九九乘法表
//第一种:
//思路:body里边只有一个div 所以我们要动态添加9个p元素,每个p元素里边按照阶梯递增一个span的元素;
//1. 首先要获取div
var oDiv = document.getElementById("wrap");
//一共添加9个p元素,并把p元素添加到div元素里边;首先要循环p;
var str = "";//声明一个变量str放创建的p元素;
for(var i = 1;i<10;i++){
str+="<p>";
for(var j = 1;j<=i;j++){ //因为span也是动态添加并且循环递增的,多以必须循环;
str+="<span>"+j+"*"+i+"="+(i*j)+"</span>"
}
str+="</p>" //为什么要把p元素的开关和闭合标签分开写?因为p元素中还会添加span元素;
}
oDiv.innerHTML = str; // 将动态设置的p和span元素添加到span中;
//第二种:
//思路:运用document.writ方法,将p和span动态添加到文档里边;
//1. 首先要获取div
var oDiv = document.getElementById("wrap");
for(var i = 1;i<10;i++){
document.write("<p>");
for(var j = 1;j<=i;j++){
document.write("<span>"+j+"*"+i+"="+j*i+"</span>")
}
document.write("</p>")
}
//思路:body里边只有一个div 所以我们要动态添加9个p元素,每个p元素里边按照阶梯递增一个span的元素;
//1. 首先要获取div
var oDiv = document.getElementById("wrap");
//一共添加9个p元素,并把p元素添加到div元素里边;首先要循环p;
var str = "";//声明一个变量str放创建的p元素;
for(var i = 1;i<10;i++){
str+="<p>";
for(var j = 1;j<=i;j++){ //因为span也是动态添加并且循环递增的,多以必须循环;
str+="<span>"+j+"*"+i+"="+(i*j)+"</span>"
}
str+="</p>" //为什么要把p元素的开关和闭合标签分开写?因为p元素中还会添加span元素;
}
oDiv.innerHTML = str; // 将动态设置的p和span元素添加到span中;
//第二种:
//思路:运用document.writ方法,将p和span动态添加到文档里边;
//1. 首先要获取div
var oDiv = document.getElementById("wrap");
for(var i = 1;i<10;i++){
document.write("<p>");
for(var j = 1;j<=i;j++){
document.write("<span>"+j+"*"+i+"="+j*i+"</span>")
}
document.write("</p>")
}