九九乘法表

九九乘法表

//第一种：
    //思路：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>")
}